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>

1 files changed, 3 insertions, 1 deletions

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>
     );