vieo

webui/src/hooks/useSensorFeed.js

@@ -1,29 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useSocket } from '../context/SocketContext.jsx';
-
-export function useSensorFeed() {
-  const socket = useSocket();
-  const [frames, setFrames] = useState({});
-
-  useEffect(() => {
-    function handleFrame({ roverId, sensors = {}, frame = {} }) {
-      if (!roverId) return;
-      setFrames((prev) => ({
-        ...prev,
-        [roverId]: {
-          roverId,
-          sensors,
-          raw: frame?.data || null,
-          receivedAt: Date.now(),
-        },
-      }));
-    }
-
-    socket.on('sensorFrame', handleFrame);
-    return () => {
-      socket.off('sensorFrame', handleFrame);
-    };
-  }, [socket]);
-
-  return frames;
-}

webui/src/hooks/useVideoRequests.js

@@ -7,9 +7,18 @@ export function useVideoRequests(roverIds = []) {
 
   useEffect(() => {
     const ids = Array.from(new Set(roverIds.filter(Boolean)));
-    if (!ids.length) return;
+    if (!ids.length) {
+      setSources({});
+      return;
+    }
     let cancelled = false;
-
+    setSources((prev) => {
+      const next = {};
+      ids.forEach((id) => {
+        if (prev[id]) next[id] = prev[id];
+      });
+      return next;
+    });
     ids.forEach((roverId) => {
       socket.emit('video:request', { roverId }, (resp = {}) => {
         if (cancelled) return;