From db401778688e7bdba89f256643e5777606e46d03 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 22 Mar 2024 09:59:05 -0600
Subject: [PATCH] Fix seeking

---
 web/src/components/player/PreviewPlayer.tsx          |  2 +-
 web/src/components/player/PreviewThumbnailPlayer.tsx |  2 +-
 web/src/views/events/EventView.tsx                   | 10 ++++++++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/web/src/components/player/PreviewPlayer.tsx b/web/src/components/player/PreviewPlayer.tsx
index 212779f3a..6c4a5a479 100644
--- a/web/src/components/player/PreviewPlayer.tsx
+++ b/web/src/components/player/PreviewPlayer.tsx
@@ -353,7 +353,7 @@ function PreviewFramesPlayer({
 
     return previewFrames.map((frame) =>
       // @ts-expect-error we know this item will exist
-      parseFloat(frame.split("-").slice(undefined, -5)),
+      parseFloat(frame.split("-").at(-1).slice(undefined, -5)),
     );
   }, [previewFrames]);
 
diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx
index c57e1041c..4b3492d21 100644
--- a/web/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web/src/components/player/PreviewThumbnailPlayer.tsx
@@ -500,7 +500,7 @@ function VideoPreview({
       </video>
       <Slider
         ref={sliderRef}
-        className="absolute inset-x-0 bottom-0 z-30 pointer-events-none"
+        className="absolute inset-x-0 bottom-0 z-30"
         value={[progress]}
         onValueChange={onManualSeek}
         onValueCommit={onStopManualSeek}
diff --git a/web/src/views/events/EventView.tsx b/web/src/views/events/EventView.tsx
index 4d0ef7907..ec4ce5359 100644
--- a/web/src/views/events/EventView.tsx
+++ b/web/src/views/events/EventView.tsx
@@ -811,7 +811,17 @@ function MotionReview({
         isPlaying={playing}
         onPlayPause={setPlaying}
         onSeek={(diff) => {
+          const wasPlaying = playing;
+
+          if (wasPlaying) {
+            setPlaying(false);
+          }
+
           setCurrentTime(currentTime + diff);
+
+          if (wasPlaying) {
+            setTimeout(() => setPlaying(true), 100);
+          }
         }}
         show={currentTime < timeRange.before - 4}
       />