diff --git a/frontend/src/components/tools/shared/ReviewPanel.tsx b/frontend/src/components/tools/shared/ResultsPreview.tsx similarity index 95% rename from frontend/src/components/tools/shared/ReviewPanel.tsx rename to frontend/src/components/tools/shared/ResultsPreview.tsx index c26d7628f..2ff0868d2 100644 --- a/frontend/src/components/tools/shared/ReviewPanel.tsx +++ b/frontend/src/components/tools/shared/ResultsPreview.tsx @@ -9,23 +9,21 @@ export interface ReviewFile { thumbnail?: string; } -export interface ReviewPanelProps { +export interface ResultsPreviewProps { files: ReviewFile[]; isGeneratingThumbnails?: boolean; onFileClick?: (file: File) => void; - title?: string; emptyMessage?: string; loadingMessage?: string; } -const ReviewPanel = ({ +const ResultsPreview = ({ files, isGeneratingThumbnails = false, onFileClick, - title, emptyMessage = "No files to preview", loadingMessage = "Generating previews..." -}: ReviewPanelProps) => { +}: ResultsPreviewProps) => { const [currentIndex, setCurrentIndex] = useState(0); const handlePrevious = () => { @@ -99,4 +97,4 @@ const ReviewPanel = ({ ); }; -export default ReviewPanel; +export default ResultsPreview; diff --git a/frontend/src/components/tools/shared/createReviewToolStep.tsx b/frontend/src/components/tools/shared/createReviewToolStep.tsx index a35652781..f296ab391 100644 --- a/frontend/src/components/tools/shared/createReviewToolStep.tsx +++ b/frontend/src/components/tools/shared/createReviewToolStep.tsx @@ -3,7 +3,7 @@ import { Button, Stack, Text } from '@mantine/core'; import { useTranslation } from 'react-i18next'; import DownloadIcon from '@mui/icons-material/Download'; import ErrorNotification from './ErrorNotification'; -import ReviewPanel from './ReviewPanel'; +import ResultsPreview from './ResultsPreview'; import { SuggestedToolsSection } from './SuggestedToolsSection'; import { ToolOperationHook } from '../../../hooks/tools/shared/useToolOperation'; @@ -26,7 +26,7 @@ export function createReviewToolStep( thumbnail: operation.thumbnails[index] })) || []; - return createStep("Review", { + return createStep(t("review", "Review"), { isVisible: props.isVisible, _excludeFromCount: true, _noPadding: true @@ -38,11 +38,10 @@ export function createReviewToolStep( /> {previewFiles.length > 0 && ( - )}