diff --git a/app/error/page.tsx b/app/error/page.tsx index 7d0f3618..2a41ceb9 100644 --- a/app/error/page.tsx +++ b/app/error/page.tsx @@ -1,21 +1,27 @@ import '../../src/global.css'; +import { useTranslation } from 'react-i18next'; +import Lighthouse from '../../src/assets/images/lightHouse.svg' import Button, { ButtonFace } from '../../src/components/Button/Button'; import TopographyCanvas from '../../src/components/Topography/Topography'; import Typography from '../../src/components/Typography/Typography'; export default async function Page() { + const {t} = useTranslation() return (
+
+ +
- Opps! - Siren seems to have encountered an unexpected error. Please review your configuration and or node connections to continue to your dashboard. + {t('errorPage.title')} + {t('error.title')}
- +
diff --git a/src/locales/translations/en-US.json b/src/locales/translations/en-US.json index 1623e73c..2bbef9b8 100644 --- a/src/locales/translations/en-US.json +++ b/src/locales/translations/en-US.json @@ -480,5 +480,10 @@ "authenticate": "Authenticate", "noPasswordFound": "No Session Password found", "invalidPassword": "Invalid password. Please try again." + }, + "errorPage": { + "title": "Opps!", + "subText": "Siren seems to have encountered an unexpected error. Please review your configuration and or node connections to continue to your dashboard.", + "cta": "Go Back" } }