Add messages

okfn · Nov 28, 2024 · 25c764c · 25c764c
1 parent 4a0d3ff
commit 25c764c
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/client/components/Application/Browser.tsx b/client/components/Application/Browser.tsx
@@ -31,7 +31,7 @@ function DefaultBrowser() {
     <ErrorBoundary
       fallback={
         <Box sx={{ color: '#555' }}>
-          <strong>Failed to open the project</strong>. Please{' '}
+          <Trans i18nKey="failed-open-project" components={{ 1: <strong /> }} />{' '}
           <a href="https://github.com/okfn/opendataeditor/issues" target="_blank">
             {t('create-an-issue')}
           </a>{' '}

diff --git a/client/components/Application/Content.tsx b/client/components/Application/Content.tsx
@@ -41,7 +41,7 @@ function FileContent() {
     <ErrorBoundary
       fallback={
         <Box sx={{ padding: 2.5, color: '#555' }}>
-          <strong>Failed to open the file</strong>. Please{' '}
+          <Trans i18nKey="failed-open-project" components={{ 1: <strong /> }} />{' '}
           <a href="https://github.com/okfn/opendataeditor/issues" target="_blank">
             {t('create-an-issue')}
           </a>{' '}

diff --git a/client/components/Views/Missing/index.tsx b/client/components/Views/Missing/index.tsx
@@ -1,11 +1,13 @@
 import Box from '@mui/material/Box'
+import { useTranslation } from 'react-i18next'
 
 export interface MissingProps {
   format?: string
 }
 
 export default function Missing(props: MissingProps) {
   if (!props.format) return null
+  const { t } = useTranslation()
   return (
     <Box
       sx={{
@@ -16,7 +18,7 @@ export default function Missing(props: MissingProps) {
         color: '#777',
       }}
     >
-      Preview is not available for this file format ({props.format})
+      {t('preview-not-available')} ({props.format})
     </Box>
   )
 }
diff --git a/client/locales/en.json b/client/locales/en.json
@@ -90,5 +90,7 @@
     "repo": "Repo",
     "email": "Email",
     "description": "Description",
-    "author": "Author"
+    "author": "Author",
+    "failed-open-project": "<strong>Failed to open the project</strong>. Please",
+    "preview-not-available": "Preview is not available for this file format"
 }