update loading component

src/pages/extra-pages/LoadingComponent.js

@@ -1,4 +1,5 @@
-import {Box, CircularProgress, Grid} from "@mui/material";
+import {Box, CircularProgress, Grid, Typography} from "@mui/material";
+import {FormattedMessage} from "react-intl";
 
 const LoadingComponent = () => {
     return (
@@ -9,7 +10,13 @@ const LoadingComponent = () => {
                 alignItems="center"
                 // autoHeight={true}
             >
-                <CircularProgress />
+                <Grid container direction="column" alignItems="center">
+                    <CircularProgress/>
+                    <Typography variant="h5">
+                        <FormattedMessage id="loading" />
+                    </Typography>
+                </Grid>
+
             </Box>
         </Grid>
         )

src/translations/en.json

@@ -360,6 +360,7 @@
   "dateFrom": "Date(From)",
   "dateTo": "Date(To)",
   "of": "of",
+  "loading": "Loading...",
 
   "Dashboard": "Dashboard",
   "event": "Event"

src/translations/zh-CN.json

@@ -360,6 +360,7 @@
   "dateFrom": "日期(从)",
   "dateTo": "日期(到)",
   "of": "於",
+  "loading": "加载中...",
 
   "Dashboard": "仪表板",
   "event": "活动"

src/translations/zh-HK.json

@@ -360,6 +360,7 @@
   "dateFrom": "日期(從)",
   "dateTo": "日期(到)",
   "of": "於",
+  "loading": "加載中...",
 
   "Dashboard": "儀表板",
   "event": "活動"