From 71d2d7a24ede6de68fb679d8264c7dcced7eb8c3 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 7 Apr 2025 12:01:20 -0500
Subject: [PATCH] use camera activity hook instead of websocket enabled state

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

diff --git a/web/src/components/camera/CameraImage.tsx b/web/src/components/camera/CameraImage.tsx
index fe6586fcca..c714b47fdc 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 { useEnabledState } from "@/api/ws";
+import { useCameraActivity } from "@/hooks/use-camera-activity";
 
 type CameraImageProps = {
   className?: string;
@@ -27,8 +27,7 @@ export default function CameraImage({
   const imgRef = useRef<HTMLImageElement | null>(null);
 
   const { name } = config ? config.cameras[camera] : "";
-  const { payload: enabledState } = useEnabledState(camera);
-  const enabled = enabledState === "ON" || enabledState === undefined;
+  const { enabled } = useCameraActivity(config.cameras[camera]);
 
   const [{ width: containerWidth, height: containerHeight }] =
     useResizeObserver(containerRef);