UI Fixes (#11648)

* Add cursor pointer to preset dropdown * Catch key index * Fix iOS mime type
blakeblackshear · May 30, 2024 · 1c5e7eb · 1c5e7eb
1 parent 9cb3e11
commit 1c5e7eb
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git 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
@@ -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
@@ -594,6 +594,7 @@ function PtzControlPanel({
  return (
  <DropdownMenuItem
  key={preset}
+ className="cursor-pointer"
  onSelect={() => sendPtz(`preset_${preset}`)}
  >
  {preset}