From e39cb5e2f411213ed68ddd821e09b50f837163ca Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Sat, 22 Oct 2022 07:25:54 -0600
Subject: [PATCH] Fix live sizes

---
 web/src/routes/Camera.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/routes/Camera.jsx b/web/src/routes/Camera.jsx
index c11471baa..debbf0aee 100644
--- a/web/src/routes/Camera.jsx
+++ b/web/src/routes/Camera.jsx
@@ -25,8 +25,8 @@ export default function Camera({ camera }) {
   const [viewMode, setViewMode] = useState('live');
 
   const cameraConfig = config?.cameras[camera];
-  const liveWidth = cameraConfig
-    ? Math.round(cameraConfig.live.height * (cameraConfig.detect.width / cameraConfig.detect.height))
+  const jsmpegWidth = cameraConfig
+    ? Math.round(cameraConfig.restream.jsmpeg.height * (cameraConfig.detect.width / cameraConfig.detect.height))
     : 0;
   const [viewSource, setViewSource] = usePersistence(`${camera}-source`, 'webrtc');
   const [options, setOptions] = usePersistence(`${camera}-feed`, emptyObject);
@@ -124,7 +124,7 @@ export default function Camera({ camera }) {
       player = (
         <Fragment>
           <div>
-            <WebRtcPlayer camera={camera} width={liveWidth} height={cameraConfig.live.height} />
+            <WebRtcPlayer camera={camera} width={jsmpegWidth} height={cameraConfig.restream.jsmpeg.height} />
           </div>
         </Fragment>
       )
@@ -132,7 +132,7 @@ export default function Camera({ camera }) {
       player = (
         <Fragment>
           <div>
-            <JSMpegPlayer camera={camera} width={liveWidth} height={cameraConfig.live.height} />
+            <JSMpegPlayer camera={camera} width={jsmpegWidth} height={cameraConfig.restream.jsmpeg.height} />
           </div>
         </Fragment>
       );