trans for AddArtInfo

frzyc · Jan 22, 2024 · b6394a9 · b6394a9
1 parent 635a37d
commit b6394a9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/apps/frontend/src/app/Components/AddArtInfo.tsx b/apps/frontend/src/app/Components/AddArtInfo.tsx
@@ -1,14 +1,20 @@
 import { Alert, Link } from '@mui/material'
+import { Trans, useTranslation } from 'react-i18next'
 import { Link as RouterLink } from 'react-router-dom'
 
 export default function AddArtInfo() {
+  const { t } = useTranslation('artifact')
   return (
-    <Alert severity="info" variant="filled">
-      Looks like you haven't added any artifacts yet. If you want, there are
-      <Link color="warning.main" component={RouterLink} to="/scanner">
-        automatic scanners
-      </Link>
-      that can speed up the import process!
-    </Alert>
+    <Trans t={t} i18nKey={"noArtifacts"}>
+      <Alert severity="info" variant="filled">
+        {
+          "Looks like you haven't added any artifacts yet. If you want, there are "
+        }
+        <Link color="warning.main" component={RouterLink} to="/scanner">
+          automatic scanners
+        </Link>
+        {' that can speed up the import process!'}
+      </Alert>
+    </Trans>
   )
 }
diff --git a/libs/gi-localization/assets/locales/en/artifact.json b/libs/gi-localization/assets/locales/en/artifact.json
@@ -100,5 +100,6 @@
   "cantDeleteLock": "Cannot delete artifact because it is locked",
   "equippedArt": "All Equipped Artifacts",
   "artInInv": "All Unequipped Artifacts",
-  "locationsTooltip": "Disable \"All Equipped Artifacts\" to filter by specific characters"
+  "locationsTooltip": "Disable \"All Equipped Artifacts\" to filter by specific characters",
+  "noArtifacts": "Looks like you haven't added any artifacts yet. If you want, there are <1>automatic scanners</1> that can speed up the import process!"
 }