Improvements todo created and small bugfixes

frontend/src/components/stats/WakeupPlot.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { useStats } from '../../hooks/useStats';
-import { formatMinutesAfter, getToday } from '../../utils/time';
+import { formatMinutesAfter, getToday, getLocalOffsetFromReference } from '../../utils/time';
 import {
   LineChart,
   Line,
@@ -32,12 +32,13 @@ const WakeupPlot: React.FC<WakeupBedtimeProps> = ({ from_date, to_date, wakeup_r
       const daysAgo = Math.floor(
         (new Date(getToday()).getTime() - new Date(day.date).getTime()) / (1000 * 60 * 60 * 24)
       );
+      const offsetFromRef = day.wakeup_minutes !== null ? getLocalOffsetFromReference(day.wakeup_minutes, wakeup_ref) : 0;
       return {
         date: daysAgo === 0 ? 'Today' : `${daysAgo}d ago`,
-        minutes: day.wakeup_minutes ?? 0,
+        minutes: offsetFromRef,
         time:
           day.wakeup_minutes !== null
-            ? formatMinutesAfter(day.wakeup_minutes, wakeup_ref)
+            ? formatMinutesAfter(offsetFromRef, wakeup_ref)
             : 'N/A',
       };
     }).reverse();
@@ -70,11 +71,11 @@ const WakeupPlot: React.FC<WakeupBedtimeProps> = ({ from_date, to_date, wakeup_r
             domain={['dataMin - 30', 'dataMax + 30']}
           />
           <Tooltip
-              formatter={(value: any) => [
-                formatMinutesAfter(value ?? 0, wakeup_ref),
-                'Wakeup',
-              ] as any}
-              labelFormatter={(label) => label}
+            formatter={(value: any) => [
+              formatMinutesAfter(value ?? 0, wakeup_ref),
+              'Wakeup',
+            ] as any}
+            labelFormatter={(label) => label}
           />
           <Line
             type="monotone"