Fix webUI generating HTTP500s when camera disabled (#17305)

* Check camera enabled state before querying go2rtc

* lint

* Add change to CameraStreamingDialog

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);