定期更新の追加 (#27)

ToYama170402 · Sep 17, 2024 · 15718cf · 15718cf
1 parent 5b4e76c
commit 15718cf
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/frontend/components/SideBar.tsx b/frontend/components/SideBar.tsx
@@ -16,8 +16,10 @@ import {
   useMediaQuery,
 } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
+import { fetchAll } from "../util/rishu";
 import {
+  array2WeekTimeTable,
   filters,
   weekTimeTable,
   weekTimeTable2Filters,
@@ -48,6 +50,16 @@ export default function Layout({
     setHelpOpen(!isHelpOpen);
   };
 
+  const [timeTableData, setTimeTableData] = useState(timeTable);
+
+  useEffect(() => {
+    setInterval(async () => {
+      const newTimeTable = await fetchAll();
+      newTimeTable.shift()?.shift();
+      setTimeTableData(array2WeekTimeTable(newTimeTable));
+    }, 50000);
+  }, []);
+
   type isFilterOpen = {
     filter: boolean;
     category: boolean;
@@ -208,7 +220,7 @@ export default function Layout({
         }}
       >
         <TimeTable
-          timeTable={timeTable}
+          timeTable={timeTableData}
           filter={filters}
           width={"100%"}
           height={"100%"}