Made Events update in real time

langaracpsc · Dec 30, 2023 · de806d9 · de806d9
1 parent 5708bdd
commit de806d9
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/frontend/src/app/events/EventsPage.tsx b/frontend/src/app/events/EventsPage.tsx
@@ -5,6 +5,7 @@ import Events from "./Events";
 import { fetchEventsAsync } from "../thunks/EventThunks";
 import { AppDispatch } from "../stores/store";
 import { CalendarEvent, SetCalendarEvents, selectEvents } from "../slices/eventSlice";
+import { Timer } from "../hacks/Timer";
 
 export default function EventsPage()
 {
@@ -15,15 +16,16 @@ export default function EventsPage()
     mainDispatch(SetCurrentPage("/events"));
 
     useEffect(() => {
-        (async () => {
-            if (events.length < 1) 
-            {
-                const fetchedEvents: CalendarEvent[] = (await mainDispatch(fetchEventsAsync() as AppDispatch)) as unknown as CalendarEvent[];
+        const interval = setInterval(async () =>{
+            const fetchedEvents: CalendarEvent[] = (await mainDispatch(fetchEventsAsync() as AppDispatch)) as unknown as CalendarEvent[];
 
-                mainDispatch(SetCalendarEvents(fetchedEvents));
-            }
-        })();
-    });
+            mainDispatch(SetCalendarEvents(fetchedEvents));
+        }, 10000);
+
+        return () => {
+            clearInterval(interval);
+        };
+    }, [events]);
 
     return (<>
         <div className={"flex flex-col bg-body-gray items-center grow"}>
@@ -35,3 +37,4 @@ export default function EventsPage()
     </>);
 } 
 
+