Fix webUI generating HTTP500s when camera disabled (#17305)

* Check camera enabled state before querying go2rtc

* lint

* Add change to CameraStreamingDialog

web/src/components/settings/CameraStreamingDialog.tsx

@@ -1,4 +1,5 @@
 import { useState, useCallback, useEffect, useMemo } from "react";
+import { useEnabledState } from "@/api/ws";
 import { IoIosWarning } from "react-icons/io";
 import { Button } from "@/components/ui/button";
 import {
@@ -63,6 +64,10 @@ export function CameraStreamingDialog({
 
   // metadata
 
+  // camera enabled state
+  const { payload: enabledState } = useEnabledState(camera);
+  const cameraEnabled = enabledState === "ON";
+
   const isRestreamed = useMemo(
     () =>
       config &&
@@ -71,7 +76,7 @@ export function CameraStreamingDialog({
   );
 
   const { data: cameraMetadata } = useSWR<LiveStreamMetadata>(
-    isRestreamed ? `go2rtc/streams/${streamName}` : null,
+    cameraEnabled && isRestreamed ? `go2rtc/streams/${streamName}` : null,
     {
       revalidateOnFocus: false,
     },

web/src/views/live/LiveCameraView.tsx

@@ -142,8 +142,11 @@ export default function LiveCameraView({
   const [{ width: windowWidth, height: windowHeight }] =
     useResizeObserver(window);
 
-  // supported features
+  // camera enabled state
+  const { payload: enabledState } = useEnabledState(camera.name);
+  const cameraEnabled = enabledState === "ON";
 
+  // supported features
   const [streamName, setStreamName] = usePersistence<string>(
     `${camera.name}-stream`,
     Object.values(camera.live.streams)[0],
@@ -157,7 +160,7 @@ export default function LiveCameraView({
   );
 
   const { data: cameraMetadata } = useSWR<LiveStreamMetadata>(
-    isRestreamed ? `go2rtc/streams/${streamName}` : null,
+    cameraEnabled && isRestreamed ? `go2rtc/streams/${streamName}` : null,
     {
       revalidateOnFocus: false,
     },
@@ -192,10 +195,6 @@ export default function LiveCameraView({
     );
   }, [cameraMetadata]);
 
-  // camera enabled state
-  const { payload: enabledState } = useEnabledState(camera.name);
-  const cameraEnabled = enabledState === "ON";
-
   // click overlay for ptzs
 
   const [clickOverlay, setClickOverlay] = useState(false);