From a3dd129facbd00d2b2243bbe99189b9706f17b4e Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sun, 28 Apr 2024 18:38:27 -0600
Subject: [PATCH] Open to recordings with pre-buffer

---
 web/src/components/player/PreviewThumbnailPlayer.tsx | 2 +-
 web/src/types/preview.ts                             | 3 +++
 web/src/views/events/EventView.tsx                   | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx
index 0767933b2..4eb9c9e96 100644
--- a/web/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web/src/components/player/PreviewThumbnailPlayer.tsx
@@ -23,6 +23,7 @@ import useContextMenu from "@/hooks/use-contextmenu";
 import ActivityIndicator from "../indicators/activity-indicator";
 import { TimeRange } from "@/types/timeline";
 import { NoThumbSlider } from "../ui/slider";
+import { PREVIEW_PADDING } from "@/types/preview";
 
 type PreviewPlayerProps = {
   review: ReviewSegment;
@@ -337,7 +338,6 @@ function PreviewContent({
   }
 }
 
-const PREVIEW_PADDING = 16;
 type VideoPreviewProps = {
   relevantPreview: Preview;
   startTime: number;
diff --git a/web/src/types/preview.ts b/web/src/types/preview.ts
index e9bd12185..390d644cf 100644
--- a/web/src/types/preview.ts
+++ b/web/src/types/preview.ts
@@ -5,3 +5,6 @@ export type Preview = {
   start: number;
   end: number;
 };
+
+export const PREVIEW_PADDING = 16;
+
diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx
index be6e2d8fe..708f461b0 100644
--- a/web/src/views/events/EventView.tsx
+++ b/web/src/views/events/EventView.tsx
@@ -9,7 +9,7 @@ import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { useTimelineUtils } from "@/hooks/use-timeline-utils";
 import { useScrollLockout } from "@/hooks/use-mouse-listener";
 import { FrigateConfig } from "@/types/frigateConfig";
-import { Preview } from "@/types/preview";
+import { PREVIEW_PADDING, Preview } from "@/types/preview";
 import {
   MotionData,
   ReviewFilter,
@@ -175,7 +175,7 @@ export default function EventView({
       } else {
         onOpenRecording({
           camera: review.camera,
-          startTime: review.start_time,
+          startTime: review.start_time - PREVIEW_PADDING,
           severity: review.severity,
         });