Fix case where multiple previews play at the same time

blakeblackshear · Mar 19, 2024 · 4e668f0 · 4e668f0
1 parent 0914514
commit 4e668f0
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx
@@ -349,6 +349,15 @@ function DetectionReview({
 
   const [previewTime, setPreviewTime] = useState<number>();
 
+  const onPreviewTimeUpdate = useCallback(
+    (time: number) => {
+      if (!previewTime || time > previewTime) {
+        setPreviewTime(time);
+      }
+    },
+    [previewTime, setPreviewTime],
+  );
+
   // review interaction
 
   const [hasUpdate, setHasUpdate] = useState(false);
@@ -483,7 +492,7 @@ function DetectionReview({
                       allPreviews={relevantPreviews}
                       setReviewed={markItemAsReviewed}
                       scrollLock={scrollLock}
-                      onTimeUpdate={setPreviewTime}
+                      onTimeUpdate={onPreviewTimeUpdate}
                       onClick={onSelectReview}
                     />
                   </div>