From 1c5e7ebb487263af63b82ae68fb2477c56b82d3a Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Thu, 30 May 2024 07:41:37 -0600
Subject: [PATCH] UI Fixes (#11648)

* Add cursor pointer to preset dropdown

* Catch key index

* Fix iOS mime type
---
 web/src/components/card/AnimatedEventCard.tsx        | 8 ++++++--
 web/src/components/player/PreviewThumbnailPlayer.tsx | 4 +++-
 web/src/views/live/LiveCameraView.tsx                | 1 +
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/web/src/components/card/AnimatedEventCard.tsx b/web/src/components/card/AnimatedEventCard.tsx
index 68c7cd7a5..a032ecda6 100644
--- a/web/src/components/card/AnimatedEventCard.tsx
+++ b/web/src/components/card/AnimatedEventCard.tsx
@@ -104,14 +104,18 @@ export function AnimatedEventCard({ event }: AnimatedEventCardProps) {
               />
             ) : (
               <video
-                src={`${baseUrl}api/review/${event.id}/preview?format=ts`}
                 preload="auto"
                 autoPlay
                 playsInline
                 muted
                 disableRemotePlayback
                 loop
-              />
+              >
+                <source
+                  src={`${baseUrl}api/review/${event.id}/preview?format=mp4`}
+                  type="video/mp4"
+                />
+              </video>
             )}
           </div>
           <div className="absolute inset-x-0 bottom-0 h-6 rounded bg-gradient-to-t from-slate-900/50 to-transparent">
diff --git a/web/src/components/player/PreviewThumbnailPlayer.tsx b/web/src/components/player/PreviewThumbnailPlayer.tsx
index 1a482ae8e..0859a0af9 100644
--- a/web/src/components/player/PreviewThumbnailPlayer.tsx
+++ b/web/src/components/player/PreviewThumbnailPlayer.tsx
@@ -672,7 +672,9 @@ export function InProgressPreview({
         setReviewed(review.id);
       }
 
-      setKey(key + 1);
+      if (previewFrames[key + 1]) {
+        setKey(key + 1);
+      }
     }, MIN_LOAD_TIMEOUT_MS);
 
     // we know that these deps are correct
diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx
index 03ffd91d9..f6d85a565 100644
--- a/web/src/views/live/LiveCameraView.tsx
+++ b/web/src/views/live/LiveCameraView.tsx
@@ -594,6 +594,7 @@ function PtzControlPanel({
               return (
                 <DropdownMenuItem
                   key={preset}
+                  className="cursor-pointer"
                   onSelect={() => sendPtz(`preset_${preset}`)}
                 >
                   {preset}