feat(DownloadFiles): add translations

IQSS · Oct 26, 2023 · ecae5f7 · ecae5f7
1 parent a5b6b1f
commit ecae5f7
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/public/locales/en/files.json b/public/locales/en/files.json
@@ -120,6 +120,13 @@
         "provenance": "Provenance",
         "delete": "Delete"
       }
+    },
+    "downloadFiles": {
+        "title": "Download",
+        "options": {
+            "original": "Original Format",
+            "archival": "Archival Format (.tab)"
+        }
     }
   },
   "requestAccess": {

diff --git a/...ons/dataset/dataset-files/files-table/file-actions/download-files/DownloadFilesButton.tsx b/...ons/dataset/dataset-files/files-table/file-actions/download-files/DownloadFilesButton.tsx
@@ -3,13 +3,15 @@ import { useDataset } from '../../../../DatasetContext'
 import { Button, DropdownButton, DropdownButtonItem } from '@iqss/dataverse-design-system'
 import { Download } from 'react-bootstrap-icons'
 import styles from './DownloadFilesButton.module.scss'
+import { useTranslation } from 'react-i18next'
 
 interface DownloadFilesButtonProps {
   files: File[]
 }
 
 const MINIMUM_FILES_COUNT_TO_SHOW_DOWNLOAD_FILES_BUTTON = 1
 export function DownloadFilesButton({ files }: DownloadFilesButtonProps) {
+  const { t } = useTranslation('files')
   const { dataset } = useDataset()
 
   if (
@@ -24,18 +26,18 @@ export function DownloadFilesButton({ files }: DownloadFilesButtonProps) {
       <DropdownButton
         id="download-files"
         icon={<Download className={styles.icon} />}
-        title="Download"
+        title={t('actions.downloadFiles.title')}
         variant="secondary"
         withSpacing>
-        <DropdownButtonItem>Original Format</DropdownButtonItem>
-        <DropdownButtonItem>Archival Format (.tab)</DropdownButtonItem>
+        <DropdownButtonItem>{t('actions.downloadFiles.options.original')}</DropdownButtonItem>
+        <DropdownButtonItem>{t('actions.downloadFiles.options.archival')}</DropdownButtonItem>
       </DropdownButton>
     )
   }
 
   return (
     <Button variant="secondary" icon={<Download className={styles.icon} />} withSpacing>
-      Download
+      {t('actions.downloadFiles.title')}
     </Button>
   )
 }