feat: add circular progress to schedule page

AAISS · Nov 27, 2023 · 84e69cb · 84e69cb
1 parent 2de2f9e
commit 84e69cb
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/frontend/src/pages/schedule/SchedulePage.jsx b/frontend/src/pages/schedule/SchedulePage.jsx
@@ -1,10 +1,19 @@
-import useSchedulePage from './useSchedulePage.js';
+import { CircularProgress } from '@mui/material';
 import ObjListTable from '../../components/table/ObjListTable.jsx';
+import useSchedulePage from './useSchedulePage.js';
 import './SchedulePage.css';
 
 export default function SchedulePage() {
   const { tableWorkshopsData, tablePresentationsData } = useSchedulePage();
 
+  if (!tableWorkshopsData || !tablePresentationsData) {
+    return (
+      <div id="table-container">
+        <CircularProgress />
+      </div>
+    );
+  }
+
   return (
     <div id="table-container">
       <ObjListTable data={tableWorkshopsData} title={'Workshops'} />