From b6ca0d17f94abc952059f5d891783a8c03b657b7 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 9 Feb 2024 07:36:29 -0700
Subject: [PATCH] don't flash when going to still image

---
 .../camera/AutoUpdatingCameraImage.tsx        |  1 -
 web/src/components/player/LivePlayer.tsx      | 28 ++++++++-----------
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/web/src/components/camera/AutoUpdatingCameraImage.tsx b/web/src/components/camera/AutoUpdatingCameraImage.tsx
index 8bcced85b..2bfe4ca1b 100644
--- a/web/src/components/camera/AutoUpdatingCameraImage.tsx
+++ b/web/src/components/camera/AutoUpdatingCameraImage.tsx
@@ -7,7 +7,6 @@ type AutoUpdatingCameraImageProps = {
   showFps?: boolean;
   className?: string;
   reloadInterval?: number;
-  fitAspect?: number;
 };
 
 const MIN_LOAD_TIMEOUT_MS = 200;
diff --git a/web/src/components/player/LivePlayer.tsx b/web/src/components/player/LivePlayer.tsx
index 0ddd93161..c834faf35 100644
--- a/web/src/components/player/LivePlayer.tsx
+++ b/web/src/components/player/LivePlayer.tsx
@@ -157,22 +157,18 @@ export default function LivePlayer({
       {(showStillWithoutActivity == false || activeMotion || activeTracking) &&
         player}
 
-      {showStillWithoutActivity && !liveReady && (
-        <div className="absolute left-0 top-0 right-0 bottom-0 w-full">
-          <AutoUpdatingCameraImage
-            className="w-full h-full"
-            camera={cameraConfig.name}
-            showFps={false}
-            reloadInterval={30000}
-            fitAspect={
-              cameraConfig.detect.width / cameraConfig.detect.height > 2 ||
-              cameraConfig.detect.width / cameraConfig.detect.height < 1
-                ? cameraConfig.detect.width / cameraConfig.detect.height
-                : 16 / 9
-            }
-          />
-        </div>
-      )}
+      <div
+        className={`absolute left-0 top-0 right-0 bottom-0 w-full ${
+          showStillWithoutActivity && !liveReady ? "visible" : "invisible"
+        }`}
+      >
+        <AutoUpdatingCameraImage
+          className="w-full h-full"
+          camera={cameraConfig.name}
+          showFps={false}
+          reloadInterval={30000}
+        />
+      </div>
 
       <div className="absolute flex left-2 top-2 gap-2">
         <Chip