Merge pull request #56 from AirWalk-Digital/beta-stuck-loading-spinner

feat(loading error): adding snackbar alert if tiles don't load
AirWalk-Digital · Jul 12, 2024 · a4b4d18 · a4b4d18
2 parents 305163b + 75ab5df
commit a4b4d18
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/_components/Layouts/IndexTiles.tsx b/src/_components/Layouts/IndexTiles.tsx
@@ -1,7 +1,7 @@
 'use server';
 
 /* eslint-disable no-nested-ternary */
-import { Box, Grid, LinearProgress } from '@mui/material';
+import { Alert, Box, Grid, LinearProgress, Snackbar } from '@mui/material';
 // import Container from '@mui/material/Container';
 // import Grid from '@mui/material/Grid';
 import path from 'path';
@@ -80,7 +80,17 @@ export default async function IndexTiles({
   // const MenuComponent =
   //   menuComponent === 'HeaderMinimalMenu' ? HeaderMinimalMenu : null;
 
-  if (loading || !tiles) {
+  if (!tiles) {
+    return (
+      <Snackbar open autoHideDuration={5000}>
+        <Alert severity='error' sx={{ width: '100%' }}>
+          Error loading content, please refresh
+        </Alert>
+      </Snackbar>
+    );
+  }
+
+  if (loading) {
     return (
       // <div style={{ marginTop: topBarHeight }}>
       // <Box sx={{ marginTop: topBarHeight }}>