feat(web): i18n asset overrides (#3040)

This allows overriding translation files in folders with lowercase RFC5646 / BCP47 Format language codes. This also fixes an issues where languages which don't expressly match the language code specified due to having a variant will also match the existing codes.

Co-authored-by: Amir Zarrinkafsh <nightah@me.com>

1 files changed, 4 insertions, 12 deletions

diff --git a/web/src/views/LoadingPage/LoadingPage.tsx b/web/src/views/LoadingPage/LoadingPage.tsx
index da7d0e52e..5181ef879 100644
--- a/web/src/views/LoadingPage/LoadingPage.tsx
+++ b/web/src/views/LoadingPage/LoadingPage.tsx
@@ -1,20 +1,12 @@
 import React from "react";
 
-import { useTheme, Typography, Grid } from "@material-ui/core";
 import { useTranslation } from "react-i18next";
-import ReactLoading from "react-loading";
+
+import BaseLoadingPage from "@views/LoadingPage/BaseLoadingPage";
 
 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>{translate("Loading")}...</Typography>
-            </Grid>
-        </Grid>
-    );
+    const { t: translate } = useTranslation();
+    return <BaseLoadingPage message={translate("Loading")} />;
 };
 
 export default LoadingPage;