From 6f86fe13ed8afa2f36c25addfc0b6c0d5a6daac0 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 22 Mar 2024 09:13:27 -0600
Subject: [PATCH] Simplify layout

---
 .../player/dynamic/DynamicVideoPlayer.tsx     | 48 +++++++++----------
 1 file changed, 22 insertions(+), 26 deletions(-)

diff --git a/web/src/components/player/dynamic/DynamicVideoPlayer.tsx b/web/src/components/player/dynamic/DynamicVideoPlayer.tsx
index c3d2aac9e..1aaa0d7b7 100644
--- a/web/src/components/player/dynamic/DynamicVideoPlayer.tsx
+++ b/web/src/components/player/dynamic/DynamicVideoPlayer.tsx
@@ -165,33 +165,29 @@ export default function DynamicVideoPlayer({
   }, [controller, recordings]);
 
   return (
-    <div className={`relative ${className ?? ""} cursor-pointer`}>
-      <div
-        className={`w-full relative ${isScrubbing || isLoading ? "hidden" : "visible"}`}
-      >
-        <HlsVideoPlayer
-          className={`${grow}`}
-          videoRef={playerRef}
-          currentSource={source}
-          onTimeUpdate={onTimeUpdate}
-          onPlayerLoaded={onPlayerLoaded}
-          onClipEnded={onClipEnded}
-          onPlaying={() => {
-            if (isScrubbing) {
-              playerRef.current?.pause();
-            }
+    <div className={`relative ${className ?? ""}`}>
+      <HlsVideoPlayer
+        className={`w-full ${isScrubbing || isLoading ? "hidden" : "visible"} ${grow ?? ""}`}
+        videoRef={playerRef}
+        currentSource={source}
+        onTimeUpdate={onTimeUpdate}
+        onPlayerLoaded={onPlayerLoaded}
+        onClipEnded={onClipEnded}
+        onPlaying={() => {
+          if (isScrubbing) {
+            playerRef.current?.pause();
+          }
 
-            setIsLoading(false);
-          }}
-        >
-          {config && focusedItem && (
-            <TimelineEventOverlay
-              timeline={focusedItem}
-              cameraConfig={config.cameras[camera]}
-            />
-          )}
-        </HlsVideoPlayer>
-      </div>
+          setIsLoading(false);
+        }}
+      >
+        {config && focusedItem && (
+          <TimelineEventOverlay
+            timeline={focusedItem}
+            cameraConfig={config.cameras[camera]}
+          />
+        )}
+      </HlsVideoPlayer>
       <PreviewPlayer
         className={`${isScrubbing || isLoading ? "visible" : "hidden"} ${grow}`}
         camera={camera}