Slop cleanup

frontend/src/components/stats/WakeupPlot.tsx

@@ -1,6 +1,6 @@
-import { useEffect, useState } from 'react';
+import { useMemo } from 'react';
 import { useStats } from '../../hooks/useStats';
-import { formatMinutesAfter, getToday, getLocalOffsetFromReference } from '../../utils/time';
+import { formatMinutesAfter, getToday } from '../../utils/time';
 import {
   LineChart,
   Line,
@@ -20,32 +20,26 @@ interface WakeupBedtimeProps {
 
 const WakeupPlot: React.FC<WakeupBedtimeProps> = ({ from_date, to_date, wakeup_ref = '07:00', bedtime_ref = '20:00' }) => {
   const { wakeupBedtime, isLoading } = useStats(from_date, to_date, '07:00', '20:00', wakeup_ref, bedtime_ref);
-  const [chartData, setChartData] = useState<{ date: string; minutes: number; time: string }[]>([]);
 
-  useEffect(() => {
-    if (!wakeupBedtime?.days) {
-      setChartData([]);
-      return;
-    }
+  const chartData = useMemo(() => {
+    if (!wakeupBedtime?.days) return [];
 
-     const data = wakeupBedtime.days.map((day) => {
-       const daysAgo = Math.floor(
-         (new Date(getToday()).getTime() - new Date(day.date).getTime()) / (1000 * 60 * 60 * 24)
-       );
+    return wakeupBedtime.days.map((day) => {
+      const daysAgo = Math.floor(
+        (new Date(getToday()).getTime() - new Date(day.date).getTime()) / (1000 * 60 * 60 * 24)
+      );
 
-       const offsetFromRef = day.wakeup_minutes ?? 0;
+      const offsetFromRef = day.wakeup_minutes ?? 0;
 
-       return {
-         date: daysAgo === 0 ? 'Today' : `${daysAgo}d ago`,
-         minutes: offsetFromRef,
-         time:
-           day.wakeup_minutes !== null
-             ? formatMinutesAfter(offsetFromRef, wakeup_ref)
-             : 'N/A',
-       };
-     }).reverse();
-
-    setChartData(data);
+      return {
+        date: daysAgo === 0 ? 'Today' : `${daysAgo}d ago`,
+        minutes: offsetFromRef,
+        time:
+          day.wakeup_minutes !== null
+            ? formatMinutesAfter(offsetFromRef, wakeup_ref)
+            : 'N/A',
+      };
+    }).reverse();
   }, [wakeupBedtime, wakeup_ref]);
 
   if (isLoading) return <div className="text-center p-4">Loading plot...</div>;
@@ -73,10 +67,10 @@ const WakeupPlot: React.FC<WakeupBedtimeProps> = ({ from_date, to_date, wakeup_r
             domain={['dataMin - 30', 'dataMax + 30']}
           />
           <Tooltip
-            formatter={(value: any) => [
+            formatter={(value: number) => [
               formatMinutesAfter(value, wakeup_ref),
               'Wakeup',
-            ] as any}
+            ]}
             labelFormatter={(label) => label}
           />
           <Line
@@ -89,7 +83,7 @@ const WakeupPlot: React.FC<WakeupBedtimeProps> = ({ from_date, to_date, wakeup_r
           />
         </LineChart>
       </ResponsiveContainer>
-    </div>
+    </div >
   );
 };