From b82e4825e9303e4af01823be712cdd92e0109d18 Mon Sep 17 00:00:00 2001 From: yangdx Date: Wed, 26 Mar 2025 20:33:56 +0800 Subject: [PATCH] Add i18n translation for upload module --- .../documents/UploadDocumentsDialog.tsx | 21 +++--------- .../src/components/ui/FileUploader.tsx | 29 +++++++++-------- lightrag_webui/src/locales/ar.json | 26 ++++++++++++--- lightrag_webui/src/locales/en.json | 32 ++++++++++++++----- lightrag_webui/src/locales/fr.json | 26 ++++++++++++--- lightrag_webui/src/locales/zh.json | 26 ++++++++++++--- 6 files changed, 108 insertions(+), 52 deletions(-) diff --git a/lightrag_webui/src/components/documents/UploadDocumentsDialog.tsx b/lightrag_webui/src/components/documents/UploadDocumentsDialog.tsx index c5015b42..ff257d5f 100644 --- a/lightrag_webui/src/components/documents/UploadDocumentsDialog.tsx +++ b/lightrag_webui/src/components/documents/UploadDocumentsDialog.tsx @@ -21,18 +21,14 @@ export default function UploadDocumentsDialog() { const [open, setOpen] = useState(false) const [isUploading, setIsUploading] = useState(false) const [progresses, setProgresses] = useState>({}) - // Track upload errors for each file const [fileErrors, setFileErrors] = useState>({}) const handleDocumentsUpload = useCallback( async (filesToUpload: File[]) => { setIsUploading(true) - - // Reset error states before new upload setFileErrors({}) try { - // Use a single toast for the entire batch upload process toast.promise( (async () => { try { @@ -40,14 +36,13 @@ export default function UploadDocumentsDialog() { filesToUpload.map(async (file) => { try { const result = await uploadDocument(file, (percentCompleted: number) => { - console.debug(t('documentPanel.uploadDocuments.uploading', { name: file.name, percent: percentCompleted })) + console.debug(t('documentPanel.uploadDocuments.single.uploading', { name: file.name, percent: percentCompleted })) setProgresses((pre) => ({ ...pre, [file.name]: percentCompleted })) }) - // Store error message if upload failed if (result.status !== 'success') { setFileErrors(prev => ({ ...prev, @@ -55,7 +50,6 @@ export default function UploadDocumentsDialog() { })) } } catch (err) { - // Store error message from exception setFileErrors(prev => ({ ...prev, [file.name]: errorMessage(err) @@ -63,21 +57,18 @@ export default function UploadDocumentsDialog() { } }) ) - // Keep dialog open to show final status - // User needs to close dialog manually } catch (error) { console.error('Upload failed:', error) } })(), { - loading: t('documentPanel.uploadDocuments.uploading.batch'), - success: t('documentPanel.uploadDocuments.success.batch'), - error: t('documentPanel.uploadDocuments.error.batch') + loading: t('documentPanel.uploadDocuments.batch.uploading'), + success: t('documentPanel.uploadDocuments.batch.success'), + error: t('documentPanel.uploadDocuments.batch.error') } ) } catch (err) { - // Handle general upload errors - toast.error(`Upload error: ${errorMessage(err)}`) + toast.error(t('documentPanel.uploadDocuments.generalError', { error: errorMessage(err) })) } finally { setIsUploading(false) } @@ -89,12 +80,10 @@ export default function UploadDocumentsDialog() { { - // Prevent closing dialog during upload if (isUploading) { return } if (!open) { - // Reset states when dialog is closed setProgresses({}) setFileErrors({}) } diff --git a/lightrag_webui/src/components/ui/FileUploader.tsx b/lightrag_webui/src/components/ui/FileUploader.tsx index d34981ae..c94cb293 100644 --- a/lightrag_webui/src/components/ui/FileUploader.tsx +++ b/lightrag_webui/src/components/ui/FileUploader.tsx @@ -6,6 +6,7 @@ import * as React from 'react' import { FileText, Upload, X } from 'lucide-react' import Dropzone, { type DropzoneProps, type FileRejection } from 'react-dropzone' import { toast } from 'sonner' +import { useTranslation } from 'react-i18next' import { cn } from '@/lib/utils' import { useControllableState } from '@radix-ui/react-use-controllable-state' @@ -119,6 +120,7 @@ function formatBytes( } function FileUploader(props: FileUploaderProps) { + const { t } = useTranslation() const { value: valueProp, onValueChange, @@ -143,12 +145,12 @@ function FileUploader(props: FileUploaderProps) { const onDrop = React.useCallback( (acceptedFiles: File[], rejectedFiles: FileRejection[]) => { if (!multiple && maxFileCount === 1 && acceptedFiles.length > 1) { - toast.error('Cannot upload more than 1 file at a time') + toast.error(t('documentPanel.uploadDocuments.fileUploader.singleFileLimit')) return } if ((files?.length ?? 0) + acceptedFiles.length > maxFileCount) { - toast.error(`Cannot upload more than ${maxFileCount} files`) + toast.error(t('documentPanel.uploadDocuments.fileUploader.maxFilesLimit', { count: maxFileCount })) return } @@ -164,7 +166,7 @@ function FileUploader(props: FileUploaderProps) { if (rejectedFiles.length > 0) { rejectedFiles.forEach(({ file }) => { - toast.error(`File ${file.name} was rejected`) + toast.error(t('documentPanel.uploadDocuments.fileUploader.fileRejected', { name: file.name })) }) } @@ -173,7 +175,7 @@ function FileUploader(props: FileUploaderProps) { } }, - [files, maxFileCount, multiple, onUpload, setFiles] + [files, maxFileCount, multiple, onUpload, setFiles, t] ) function onRemove(index: number) { @@ -226,7 +228,7 @@ function FileUploader(props: FileUploaderProps) {
-

Drop the files here

+

{t('documentPanel.uploadDocuments.fileUploader.dropHere')}

) : (
@@ -235,18 +237,18 @@ function FileUploader(props: FileUploaderProps) {

- Drag and drop files here, or click to select files + {t('documentPanel.uploadDocuments.fileUploader.dragAndDrop')}

{description ? (

{description}

) : (

- You can upload - {maxFileCount > 1 - ? ` ${maxFileCount === Infinity ? 'multiple' : maxFileCount} - files (up to ${formatBytes(maxSize)} each)` - : ` a file with ${formatBytes(maxSize)}`} - Supported formats: TXT, MD, DOCX, PDF, PPTX, RTF, ODT, EPUB, HTML, HTM, TEX, JSON, XML, YAML, YML, CSV, LOG, CONF, INI, PROPERTIES, SQL, BAT, SH, C, CPP, PY, JAVA, JS, TS, SWIFT, GO, RB, PHP, CSS, SCSS, LESS + {t('documentPanel.uploadDocuments.fileUploader.uploadDescription', { + count: maxFileCount, + isMultiple: maxFileCount === Infinity, + maxSize: formatBytes(maxSize) + })} + {t('documentPanel.uploadDocuments.fileTypes')}

)}
@@ -301,6 +303,7 @@ interface FileCardProps { } function FileCard({ file, progress, error, onRemove }: FileCardProps) { + const { t } = useTranslation() return (
@@ -323,7 +326,7 @@ function FileCard({ file, progress, error, onRemove }: FileCardProps) {
diff --git a/lightrag_webui/src/locales/ar.json b/lightrag_webui/src/locales/ar.json index aa034f4a..ec25afe9 100644 --- a/lightrag_webui/src/locales/ar.json +++ b/lightrag_webui/src/locales/ar.json @@ -48,12 +48,28 @@ "tooltip": "رفع المستندات", "title": "رفع المستندات", "description": "اسحب وأفلت مستنداتك هنا أو انقر للتصفح.", - "uploading": "جارٍ الرفع {{name}}: {{percent}}%", - "success": "نجاح الرفع:\nتم رفع {{name}} بنجاح", - "failed": "فشل الرفع:\n{{name}}\n{{message}}", - "error": "فشل الرفع:\n{{name}}\n{{error}}", + "single": { + "uploading": "جارٍ الرفع {{name}}: {{percent}}%", + "success": "نجاح الرفع:\nتم رفع {{name}} بنجاح", + "failed": "فشل الرفع:\n{{name}}\n{{message}}", + "error": "فشل الرفع:\n{{name}}\n{{error}}" + }, + "batch": { + "uploading": "جارٍ رفع الملفات...", + "success": "تم رفع الملفات بنجاح", + "error": "فشل رفع بعض الملفات" + }, "generalError": "فشل الرفع\n{{error}}", - "fileTypes": "الأنواع المدعومة: TXT، MD، DOCX، PDF، PPTX، RTF، ODT، EPUB، HTML، HTM، TEX، JSON، XML، YAML، YML، CSV، LOG، CONF، INI، PROPERTIES، SQL، BAT، SH، C، CPP، PY، JAVA، JS، TS، SWIFT، GO، RB، PHP، CSS، SCSS، LESS" + "fileTypes": "الأنواع المدعومة: TXT، MD، DOCX، PDF، PPTX، RTF، ODT، EPUB، HTML، HTM، TEX، JSON، XML، YAML، YML، CSV، LOG، CONF، INI، PROPERTIES، SQL، BAT، SH، C، CPP، PY، JAVA، JS، TS، SWIFT، GO، RB، PHP، CSS، SCSS، LESS", + "fileUploader": { + "singleFileLimit": "لا يمكن رفع أكثر من ملف واحد في المرة الواحدة", + "maxFilesLimit": "لا يمكن رفع أكثر من {{count}} ملفات", + "fileRejected": "تم رفض الملف {{name}}", + "dropHere": "أفلت الملفات هنا", + "dragAndDrop": "اسحب وأفلت الملفات هنا، أو انقر للاختيار", + "removeFile": "إزالة الملف", + "uploadDescription": "يمكنك رفع {{isMultiple ? 'عدة' : count}} ملفات (حتى {{maxSize}} لكل منها)" + } }, "documentManager": { "title": "إدارة المستندات", diff --git a/lightrag_webui/src/locales/en.json b/lightrag_webui/src/locales/en.json index 1f01f397..603e9df3 100644 --- a/lightrag_webui/src/locales/en.json +++ b/lightrag_webui/src/locales/en.json @@ -48,12 +48,28 @@ "tooltip": "Upload documents", "title": "Upload Documents", "description": "Drag and drop your documents here or click to browse.", - "uploading": "Uploading {{name}}: {{percent}}%", - "success": "Upload Success:\n{{name}} uploaded successfully", - "failed": "Upload Failed:\n{{name}}\n{{message}}", - "error": "Upload Failed:\n{{name}}\n{{error}}", + "single": { + "uploading": "Uploading {{name}}: {{percent}}%", + "success": "Upload Success:\n{{name}} uploaded successfully", + "failed": "Upload Failed:\n{{name}}\n{{message}}", + "error": "Upload Failed:\n{{name}}\n{{error}}" + }, + "batch": { + "uploading": "Uploading files...", + "success": "Files uploaded successfully", + "error": "Some files failed to upload" + }, "generalError": "Upload Failed\n{{error}}", - "fileTypes": "Supported types: TXT, MD, DOCX, PDF, PPTX, RTF, ODT, EPUB, HTML, HTM, TEX, JSON, XML, YAML, YML, CSV, LOG, CONF, INI, PROPERTIES, SQL, BAT, SH, C, CPP, PY, JAVA, JS, TS, SWIFT, GO, RB, PHP, CSS, SCSS, LESS" + "fileTypes": "Supported types: TXT, MD, DOCX, PDF, PPTX, RTF, ODT, EPUB, HTML, HTM, TEX, JSON, XML, YAML, YML, CSV, LOG, CONF, INI, PROPERTIES, SQL, BAT, SH, C, CPP, PY, JAVA, JS, TS, SWIFT, GO, RB, PHP, CSS, SCSS, LESS", + "fileUploader": { + "singleFileLimit": "Cannot upload more than 1 file at a time", + "maxFilesLimit": "Cannot upload more than {{count}} files", + "fileRejected": "File {{name}} was rejected", + "dropHere": "Drop the files here", + "dragAndDrop": "Drag and drop files here, or click to select files", + "removeFile": "Remove file", + "uploadDescription": "You can upload {{isMultiple ? 'multiple' : count}} files (up to {{maxSize}} each)" + } }, "documentManager": { "title": "Document Management", @@ -95,15 +111,15 @@ "pipelineStatus": { "title": "Pipeline Status", "busy": "Pipeline Busy", - "requestPending": "Reques Pending", + "requestPending": "Request Pending", "jobName": "Job Name", "startTime": "Start Time", "progress": "Progress", "unit": "batch", "latestMessage": "Latest Message", - "historyMessages": "History Message", + "historyMessages": "History Messages", "errors": { - "fetchFailed": "Fail to get pipeline status\n{{error}}" + "fetchFailed": "Failed to get pipeline status\n{{error}}" } } }, diff --git a/lightrag_webui/src/locales/fr.json b/lightrag_webui/src/locales/fr.json index c3779328..1f7bf39c 100644 --- a/lightrag_webui/src/locales/fr.json +++ b/lightrag_webui/src/locales/fr.json @@ -48,12 +48,28 @@ "tooltip": "Télécharger des documents", "title": "Télécharger des documents", "description": "Glissez-déposez vos documents ici ou cliquez pour parcourir.", - "uploading": "Téléchargement de {{name}} : {{percent}}%", - "success": "Succès du téléchargement :\n{{name}} téléchargé avec succès", - "failed": "Échec du téléchargement :\n{{name}}\n{{message}}", - "error": "Échec du téléchargement :\n{{name}}\n{{error}}", + "single": { + "uploading": "Téléchargement de {{name}} : {{percent}}%", + "success": "Succès du téléchargement :\n{{name}} téléchargé avec succès", + "failed": "Échec du téléchargement :\n{{name}}\n{{message}}", + "error": "Échec du téléchargement :\n{{name}}\n{{error}}" + }, + "batch": { + "uploading": "Téléchargement des fichiers...", + "success": "Fichiers téléchargés avec succès", + "error": "Certains fichiers n'ont pas pu être téléchargés" + }, "generalError": "Échec du téléchargement\n{{error}}", - "fileTypes": "Types pris en charge : TXT, MD, DOCX, PDF, PPTX, RTF, ODT, EPUB, HTML, HTM, TEX, JSON, XML, YAML, YML, CSV, LOG, CONF, INI, PROPERTIES, SQL, BAT, SH, C, CPP, PY, JAVA, JS, TS, SWIFT, GO, RB, PHP, CSS, SCSS, LESS" + "fileTypes": "Types pris en charge : TXT, MD, DOCX, PDF, PPTX, RTF, ODT, EPUB, HTML, HTM, TEX, JSON, XML, YAML, YML, CSV, LOG, CONF, INI, PROPERTIES, SQL, BAT, SH, C, CPP, PY, JAVA, JS, TS, SWIFT, GO, RB, PHP, CSS, SCSS, LESS", + "fileUploader": { + "singleFileLimit": "Impossible de télécharger plus d'un fichier à la fois", + "maxFilesLimit": "Impossible de télécharger plus de {{count}} fichiers", + "fileRejected": "Le fichier {{name}} a été rejeté", + "dropHere": "Déposez les fichiers ici", + "dragAndDrop": "Glissez et déposez les fichiers ici, ou cliquez pour sélectionner", + "removeFile": "Supprimer le fichier", + "uploadDescription": "Vous pouvez télécharger {{isMultiple ? 'plusieurs' : count}} fichiers (jusqu'à {{maxSize}} chacun)" + } }, "documentManager": { "title": "Gestion des documents", diff --git a/lightrag_webui/src/locales/zh.json b/lightrag_webui/src/locales/zh.json index ee37fa87..0273f920 100644 --- a/lightrag_webui/src/locales/zh.json +++ b/lightrag_webui/src/locales/zh.json @@ -48,12 +48,28 @@ "tooltip": "上传文档", "title": "上传文档", "description": "拖拽文件到此处或点击浏览", - "uploading": "正在上传 {{name}}：{{percent}}%", - "success": "上传成功：\n{{name}} 上传完成", - "failed": "上传失败：\n{{name}}\n{{message}}", - "error": "上传失败：\n{{name}}\n{{error}}", + "single": { + "uploading": "正在上传 {{name}}：{{percent}}%", + "success": "上传成功：\n{{name}} 上传完成", + "failed": "上传失败：\n{{name}}\n{{message}}", + "error": "上传失败：\n{{name}}\n{{error}}" + }, + "batch": { + "uploading": "正在上传文件...", + "success": "文件上传完成", + "error": "部分文件上传失败" + }, "generalError": "上传失败\n{{error}}", - "fileTypes": "支持的文件类型：TXT, MD, DOCX, PDF, PPTX, RTF, ODT, EPUB, HTML, HTM, TEX, JSON, XML, YAML, YML, CSV, LOG, CONF, INI, PROPERTIES, SQL, BAT, SH, C, CPP, PY, JAVA, JS, TS, SWIFT, GO, RB, PHP, CSS, SCSS, LESS" + "fileTypes": "支持的文件类型：TXT, MD, DOCX, PDF, PPTX, RTF, ODT, EPUB, HTML, HTM, TEX, JSON, XML, YAML, YML, CSV, LOG, CONF, INI, PROPERTIES, SQL, BAT, SH, C, CPP, PY, JAVA, JS, TS, SWIFT, GO, RB, PHP, CSS, SCSS, LESS", + "fileUploader": { + "singleFileLimit": "一次只能上传一个文件", + "maxFilesLimit": "最多只能上传 {{count}} 个文件", + "fileRejected": "文件 {{name}} 被拒绝", + "dropHere": "将文件拖放到此处", + "dragAndDrop": "拖放文件到此处，或点击选择文件", + "removeFile": "移除文件", + "uploadDescription": "您可以上传{{isMultiple ? '多个' : count}}个文件（每个文件最大{{maxSize}}）" + } }, "documentManager": { "title": "文档管理",