legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 01:21:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

adjustmetns

Browse Source
This commit is contained in:
legop3
2026-05-12 16:53:53 -04:00
parent 48d8d573c3
commit 29e74d37b1
4 changed files with 50 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/DriverVideoPanel/index.jsx
+33 -8
View File
@@ -38,7 +38,7 @@ export default function DriverVideoPanel({ layoutFormat = 'desktop' }) {
const [turnCueVisible, setTurnCueVisible] = useState(false);
const [turnCueStartAt, setTurnCueStartAt] = useState(null);
const [notTurnFlashAt, setNotTurnFlashAt] = useState(0);
const lastTurnRef = useRef({ active: false, roverId: null });
const lastTurnRef = useRef({ initialized: false, roverId: null, activeDriverId: null });
const lastIntentRef = useRef(lastControlIntentAt || 0);
useEffect(() => {
if (mode !== 'turns') {
@@ -116,21 +116,46 @@ export default function DriverVideoPanel({ layoutFormat = 'desktop' }) {
if (mode !== 'turns') {
setTurnCueVisible(false);
setTurnCueStartAt(null);
lastTurnRef.current = { active: false, roverId: null };
lastTurnRef.current = { initialized: false, roverId: null, activeDriverId: null };
return;
}
const lastTurn = lastTurnRef.current;
const becameActive = isActiveDriver && !lastTurn.active;
const roverChanged = isActiveDriver && roverId && roverId !== lastTurn.roverId;
if (becameActive || roverChanged) {
const nextActiveDriverId = activeDriverId || null;
if (!socketId || !roverId) {
setTurnCueVisible(false);
setTurnCueStartAt(null);
lastTurnRef.current = {
initialized: false,
roverId: null,
activeDriverId: null,
};
return;
}
if (!lastTurn.initialized || lastTurn.roverId !== roverId) {
lastTurnRef.current = {
initialized: true,
roverId,
activeDriverId: nextActiveDriverId,
};
return;
}
const becameActive =
Boolean(lastTurn.activeDriverId) &&
lastTurn.activeDriverId !== socketId &&
nextActiveDriverId === socketId;
if (becameActive) {
setTurnCueVisible(true);
setTurnCueStartAt(Date.now());
} else if (!isActiveDriver && lastTurn.active) {
} else if (nextActiveDriverId !== socketId && turnCueVisible) {
setTurnCueVisible(false);
setTurnCueStartAt(null);
}
lastTurnRef.current = { active: isActiveDriver, roverId };
}, [isActiveDriver, roverId, mode]);
lastTurnRef.current = {
initialized: true,
roverId,
activeDriverId: nextActiveDriverId,
};
}, [activeDriverId, mode, roverId, socketId, turnCueVisible]);
useEffect(() => {
if (!turnCueVisible || !turnCueStartAt) return;