diff --git a/src/renderer/src/components/BatchFile.tsx b/src/renderer/src/components/BatchFile.tsx index e1601826..df630018 100644 --- a/src/renderer/src/components/BatchFile.tsx +++ b/src/renderer/src/components/BatchFile.tsx @@ -5,8 +5,14 @@ import { FaAngleRight, FaFile } from 'react-icons/fa'; import useContextMenu from '../hooks/useContextMenu'; import { primaryTextColor } from '../colors'; -function BatchFile({ path, isOpen, isSelected, name, onSelect, onDelete }: { - path: string, isOpen: boolean, isSelected: boolean, name: string, onSelect: (a: string) => void, onDelete: (a: string) => void +function BatchFile({ path, index, isOpen, isSelected, name, onSelect, onDelete }: { + path: string, + index: number, + isOpen: boolean, + isSelected: boolean, + name: string, + onSelect: (a: string) => void, + onDelete: (a: string) => void, }) { const ref = useRef(null); @@ -21,7 +27,7 @@ function BatchFile({ path, isOpen, isSelected, name, onSelect, onDelete }: {
onSelect(path)}>
-
{name}
+
{index + 1}. {name}
{isOpen && }
diff --git a/src/renderer/src/components/BatchFilesList.tsx b/src/renderer/src/components/BatchFilesList.tsx index caf719a3..c608e160 100644 --- a/src/renderer/src/components/BatchFilesList.tsx +++ b/src/renderer/src/components/BatchFilesList.tsx @@ -65,7 +65,7 @@ function BatchFilesList({ selectedBatchFiles, filePath, width, batchFiles, setBa transition={mySpring} >
-
{t('Batch file list')}
+
{t('Batch file list')}{batchFiles.length > 0 && ` (${batchFiles.length})`}
@@ -75,8 +75,8 @@ function BatchFilesList({ selectedBatchFiles, filePath, width, batchFiles, setBa
- {sortableList.map(({ batchFile: { path, name } }) => ( - + {sortableList.map(({ batchFile: { path, name } }, index) => ( + ))}