From f900a012775a65d1a34bbc246c7e93f41e31c621 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Thu, 7 Dec 2023 18:44:11 -0700
Subject: [PATCH] Adjust to new data format

---
 web-new/src/pages/Review.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/web-new/src/pages/Review.tsx b/web-new/src/pages/Review.tsx
index 7b6f04a4e..785ae6700 100644
--- a/web-new/src/pages/Review.tsx
+++ b/web-new/src/pages/Review.tsx
@@ -10,12 +10,10 @@ import { formatUnixTimestampToDateTime } from "@/utils/dateUtil";
 export function Review() {
     const { data: config } = useSWR<FrigateConfig>("config");
     const timezone = useMemo(() => config?.ui?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone, [config]);
-    const start = useMemo(() => new Date().getTime() / 1000, []);
     const { data: hourlyTimeline } = useSWR<HourlyTimeline>(['timeline/hourly', { timezone }]);
-    const { data: allPreviews } = useSWR<Preview[]>(`preview/all/start/${Object.keys(hourlyTimeline || [0])[0]}/end/${start}`, { revalidateOnFocus: false });
+    const { data: allPreviews } = useSWR<Preview[]>(`preview/all/start/${hourlyTimeline?.start}/end/${hourlyTimeline?.end}`, { revalidateOnFocus: false });
 
-    // detail levels can be normal, extra, full
-    const [detailLevel, setDetailLevel] = useState('normal');
+    const [detailLevel, setDetailLevel] = useState<'normal' | 'extra' | 'full'>('normal');
 
     const timelineCards: CardsData | never[] = useMemo(() => {
         if (!hourlyTimeline) {