From b2c23a367d1bc37ddaef06bca7f166eb562e43f2 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Mon, 12 Aug 2024 07:21:21 -0600
Subject: [PATCH] Hide record switch when disabled (#12997)

---
 web/src/views/live/LiveCameraView.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx
index cd7190e86..db162198c 100644
--- a/web/src/views/live/LiveCameraView.tsx
+++ b/web/src/views/live/LiveCameraView.tsx
@@ -412,6 +412,7 @@ export default function LiveCameraView({
               )}
               <FrigateCameraFeatures
                 camera={camera.name}
+                recordingEnabled={camera.record.enabled_in_config}
                 audioDetectEnabled={camera.audio.enabled_in_config}
                 autotrackingEnabled={
                   camera.onvif.autotracking.enabled_in_config
@@ -670,12 +671,14 @@ function PtzControlPanel({
 
 type FrigateCameraFeaturesProps = {
   camera: string;
+  recordingEnabled: boolean;
   audioDetectEnabled: boolean;
   autotrackingEnabled: boolean;
   fullscreen: boolean;
 };
 function FrigateCameraFeatures({
   camera,
+  recordingEnabled,
   audioDetectEnabled,
   autotrackingEnabled,
   fullscreen,
@@ -764,11 +767,15 @@ function FrigateCameraFeatures({
           isChecked={detectState == "ON"}
           onCheckedChange={() => sendDetect(detectState == "ON" ? "OFF" : "ON")}
         />
-        <FilterSwitch
-          label="Recording"
-          isChecked={recordState == "ON"}
-          onCheckedChange={() => sendRecord(recordState == "ON" ? "OFF" : "ON")}
-        />
+        {recordingEnabled && (
+          <FilterSwitch
+            label="Recording"
+            isChecked={recordState == "ON"}
+            onCheckedChange={() =>
+              sendRecord(recordState == "ON" ? "OFF" : "ON")
+            }
+          />
+        )}
         <FilterSwitch
           label="Snapshots"
           isChecked={snapshotState == "ON"}