Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2026-03-04 02:20:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

V2 Files Selected indicator in toolstep (#4241)

Browse Source 
Added back our files selected indicator in tools step

---------

Co-authored-by: Connor Yoh <connor@stirlingpdf.com>
This commit is contained in:
ConnorYoh
2025-08-20 16:54:30 +01:00
committed by GitHub
parent cd2b82d614
commit d06cbcaa91
11 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/tools/shared/FileStatusIndicator.tsx
View File

@@ -1,5 +1,6 @@
import React from 'react';
import { Text } from '@mantine/core';
import React from "react";
import { Text } from "@mantine/core";
import { useTranslation } from "react-i18next";
export interface FileStatusIndicatorProps {
selectedFiles?: File[];
@@ -8,20 +9,25 @@ export interface FileStatusIndicatorProps {
const FileStatusIndicator = ({
selectedFiles = [],
placeholder = "Select a PDF file in the main view to get started"
placeholder,
}: FileStatusIndicatorProps) => {
const { t } = useTranslation();
const defaultPlaceholder = placeholder || t("files.placeholder", "Select a PDF file in the main view to get started");
// Only show content when no files are selected
if (selectedFiles.length === 0) {
return (
<Text size="sm" c="dimmed">
{placeholder}
{defaultPlaceholder}
</Text>
);
}
// Return nothing when files are selected
return null;
}
return (
<Text size="sm" c="dimmed" style={{ wordBreak: 'break-word', whiteSpace: 'normal' }}>
✓ {selectedFiles.length === 1 ? t("fileSelected", "Selected: {{filename}}", { filename: selectedFiles[0]?.name }) : t("filesSelected", "{{count}} files selected", { count: selectedFiles.length })}
</Text>
);
};
export default FileStatusIndicator;
export default FileStatusIndicator;