feat: Add map rerender every minute.

fix: Correct start dates for weeks.
wappuradio · Apr 13, 2024 · faf3535 · faf3535
1 parent 4f1dd6a
commit faf3535
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/components/Program/ProgramMap.tsx b/src/components/Program/ProgramMap.tsx
@@ -9,6 +9,15 @@ const hours: Array<number> = [];
 for (var i: number = 0; i < 24; i++) hours.push(i);
 
 const ProgramMap: FunctionComponent<{ programs: Program[], week: string }> = ({ programs, week }) => {
+  const [, setRerender] = React.useState(0);
+  React.useEffect(()=>{
+    const forceRerender = () => setRerender(c => c + 1);
+    const timerId = setInterval(forceRerender, 60000);
+    return () => {
+      clearInterval(timerId);
+    };
+  });
+
   var colRow = (colStart: number, colEnd: number, rowStart: number, rowEnd: number) => {
     return {
       "gridColumnStart": colStart,

diff --git a/src/views/Programs.tsx b/src/views/Programs.tsx
@@ -96,11 +96,10 @@ const ProgramMapView: FunctionComponent<RouteComponentProps & ProgramsWeekProps>
   let date = moment();
 
   //This could be made much better.
-  if(date.date() >= 26)
-	week = "3";
-  else if(date.date() >= 19)
-	week = "2";
-
+  if(date.date() >= 29) week = "4";
+  else if(date.date() >= 22) week = "3";
+  else if(date.date() >= 15) week = "2";
+	else week = "1";
   week = match.params.week!
 
   return (