From db046b2d1ca813459a7bf8324a8d9975f32b258f Mon Sep 17 00:00:00 2001
From: Manuel Nuñez <10672208+mind-ar@users.noreply.github.com>
Date: Fri, 21 Jan 2022 09:05:46 -0300
Subject: feat(web): i18n (#2697)

This adds support for i18n so that users may be presented a familiar language to the language the browser language they are using automatically. Currently supported languages: en, es.

Co-authored-by: Amir Zarrinkafsh <nightah@me.com>
Co-authored-by: James Elliott <james-d-elliott@users.noreply.github.com>
---
 web/src/views/LoadingPage/LoadingPage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'web/src/views/LoadingPage/LoadingPage.tsx')

diff --git a/web/src/views/LoadingPage/LoadingPage.tsx b/web/src/views/LoadingPage/LoadingPage.tsx
index a37dd8365..da7d0e52e 100644
--- a/web/src/views/LoadingPage/LoadingPage.tsx
+++ b/web/src/views/LoadingPage/LoadingPage.tsx
@@ -1,15 +1,17 @@
 import React from "react";
 
 import { useTheme, Typography, Grid } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
 import ReactLoading from "react-loading";
 
 const LoadingPage = function () {
     const theme = useTheme();
+    const { t: translate } = useTranslation("Portal");
     return (
         <Grid container alignItems="center" justifyContent="center" style={{ minHeight: "100vh" }}>
             <Grid item style={{ textAlign: "center", display: "inline-block" }}>
                 <ReactLoading width={64} height={64} color={theme.custom.loadingBar} type="bars" />
-                <Typography>Loading...</Typography>
+                <Typography>{translate("Loading")}...</Typography>
             </Grid>
         </Grid>
     );
-- 
cgit v1.2.3

