From 4403d52ecdfb64a628217ae302a0ebc6a6b84c9a Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 7 Apr 2025 12:15:08 -0500
Subject: [PATCH] use original websocket but use ternary operator instead

---
 web/src/components/camera/CameraImage.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/components/camera/CameraImage.tsx b/web/src/components/camera/CameraImage.tsx
index c714b47fdc..716e63f570 100644
--- a/web/src/components/camera/CameraImage.tsx
+++ b/web/src/components/camera/CameraImage.tsx
@@ -5,7 +5,7 @@ import ActivityIndicator from "../indicators/activity-indicator";
 import { useResizeObserver } from "@/hooks/resize-observer";
 import { isDesktop } from "react-device-detect";
 import { cn } from "@/lib/utils";
-import { useCameraActivity } from "@/hooks/use-camera-activity";
+import { useEnabledState } from "@/api/ws";
 
 type CameraImageProps = {
   className?: string;
@@ -27,7 +27,8 @@ export default function CameraImage({
   const imgRef = useRef<HTMLImageElement | null>(null);
 
   const { name } = config ? config.cameras[camera] : "";
-  const { enabled } = useCameraActivity(config.cameras[camera]);
+  const { payload: enabledState } = useEnabledState(camera);
+  const enabled = enabledState ? enabledState === "ON" : true;
 
   const [{ width: containerWidth, height: containerHeight }] =
     useResizeObserver(containerRef);