From c3f5e5b4ce7c8d4fb767bb0dfd156ee95a9a4755 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Sat, 14 Oct 2023 20:03:46 -0600
Subject: [PATCH] Fix event overlay

---
 web/src/routes/Events.jsx | 34 ++++++++++++++++++++++------------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx
index 949ecfada..abaa73924 100644
--- a/web/src/routes/Events.jsx
+++ b/web/src/routes/Events.jsx
@@ -645,14 +645,22 @@ export default function Events({ path, ...props }) {
                     event={event}
                     eventDetailType={eventDetailType}
                     eventOverlay={eventOverlay}
-                    setEventOverlay={setEventOverlay}
                     viewEvent={viewEvent}
                     setViewEvent={setViewEvent}
                     uploading={uploading}
                     handleEventDetailTabChange={handleEventDetailTabChange}
                     onEventFrameSelected={onEventFrameSelected}
                     onDelete={onDelete}
+                    onDispose={() => {
+                      this.player = null;
+                    }}
                     onDownloadClick={onDownloadClick}
+                    onReady={(player) => {
+                      this.player = player;
+                      this.player.on('playing', () => {
+                        setEventOverlay(undefined);
+                      });
+                    }}
                     onSave={onSave}
                     showSubmitToPlus={showSubmitToPlus}
                   />
@@ -675,7 +683,6 @@ export default function Events({ path, ...props }) {
                   event={event}
                   eventDetailType={eventDetailType}
                   eventOverlay={eventOverlay}
-                  setEventOverlay={setEventOverlay}
                   viewEvent={viewEvent}
                   setViewEvent={setViewEvent}
                   lastEvent={lastEvent}
@@ -684,7 +691,16 @@ export default function Events({ path, ...props }) {
                   handleEventDetailTabChange={handleEventDetailTabChange}
                   onEventFrameSelected={onEventFrameSelected}
                   onDelete={onDelete}
+                  onDispose={() => {
+                    this.player = null;
+                  }}
                   onDownloadClick={onDownloadClick}
+                  onReady={(player) => {
+                    this.player = player;
+                    this.player.on('playing', () => {
+                      setEventOverlay(undefined);
+                    });
+                  }}
                   onSave={onSave}
                   showSubmitToPlus={showSubmitToPlus}
                 />
@@ -706,7 +722,6 @@ function Event({
   event,
   eventDetailType,
   eventOverlay,
-  setEventOverlay,
   viewEvent,
   setViewEvent,
   lastEvent,
@@ -715,7 +730,9 @@ function Event({
   handleEventDetailTabChange,
   onEventFrameSelected,
   onDelete,
+  onDispose,
   onDownloadClick,
+  onReady,
   onSave,
   showSubmitToPlus,
 }) {
@@ -857,15 +874,8 @@ function Event({
                         ],
                       }}
                       seekOptions={{ forward: 10, backward: 5 }}
-                      onReady={(player) => {
-                        this.player = player;
-                        this.player.on('playing', () => {
-                          setEventOverlay(undefined);
-                        });
-                      }}
-                      onDispose={() => {
-                        this.player = null;
-                      }}
+                      onReady={onReady}
+                      onDispose={onDispose}
                     >
                       {eventOverlay ? (
                         <TimelineEventOverlay eventOverlay={eventOverlay} cameraConfig={config.cameras[event.camera]} />