From 2d03c152fd6b7ddda45532ec6110615eedd6ed5c Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sun, 19 May 2024 13:13:57 -0600
Subject: [PATCH] Fix previews loading

---
 web/src/components/player/dynamic/DynamicVideoPlayer.tsx | 6 ------
 web/src/pages/Events.tsx                                 | 7 +++++--
 web/src/views/events/RecordingView.tsx                   | 7 -------
 3 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/web/src/components/player/dynamic/DynamicVideoPlayer.tsx b/web/src/components/player/dynamic/DynamicVideoPlayer.tsx
index d387e2fd3..2103163af 100644
--- a/web/src/components/player/dynamic/DynamicVideoPlayer.tsx
+++ b/web/src/components/player/dynamic/DynamicVideoPlayer.tsx
@@ -50,12 +50,6 @@ export default function DynamicVideoPlayer({
   const apiHost = useApiHost();
   const { data: config } = useSWR<FrigateConfig>("config");
 
-  useEffect(() => {
-    console.log(
-      `the time range is ${new Date(timeRange.after * 1000)} -> ${new Date(timeRange.before * 1000)}`,
-    );
-  }, [timeRange]);
-
   // controlling playback
 
   const playerRef = useRef<HTMLVideoElement | null>(null);
diff --git a/web/src/pages/Events.tsx b/web/src/pages/Events.tsx
index bf325f064..819d805a8 100644
--- a/web/src/pages/Events.tsx
+++ b/web/src/pages/Events.tsx
@@ -11,6 +11,7 @@ import {
   ReviewSeverity,
   ReviewSummary,
 } from "@/types/review";
+import { getUTCOffset } from "@/utils/dateUtil";
 import EventView from "@/views/events/EventView";
 import { RecordingView } from "@/views/events/RecordingView";
 import axios from "axios";
@@ -166,6 +167,8 @@ export default function Events() {
       return undefined;
     }
 
+    const timezoneMinuteOffset = (getUTCOffset(new Date()) % 60) * 60;
+
     const startDate = new Date();
     startDate.setMinutes(0, 0, 0);
 
@@ -173,8 +176,8 @@ export default function Events() {
     endDate.setHours(0, 0, 0, 0);
 
     return {
-      after: startDate.getTime() / 1000,
-      before: endDate.getTime() / 1000,
+      after: startDate.getTime() / 1000 + timezoneMinuteOffset,
+      before: endDate.getTime() / 1000 + timezoneMinuteOffset,
     };
   }, [reviews]);
 
diff --git a/web/src/views/events/RecordingView.tsx b/web/src/views/events/RecordingView.tsx
index c3d3579d9..2f3efa715 100644
--- a/web/src/views/events/RecordingView.tsx
+++ b/web/src/views/events/RecordingView.tsx
@@ -101,13 +101,6 @@ export function RecordingView({
     () => getChunkedTimeDay(timeRange),
     [timeRange],
   );
-  useEffect(() => {
-    chunkedTimeRange.forEach((c) =>
-      console.log(
-        `the chunk is ${new Date(c.after * 1000)} -> ${new Date(c.before * 1000)}`,
-      ),
-    );
-  }, [chunkedTimeRange]);
   const [selectedRangeIdx, setSelectedRangeIdx] = useState(
     chunkedTimeRange.findIndex((chunk) => {
       return chunk.after <= startTime && chunk.before >= startTime;