fix clickable birdseye

This commit is contained in:
Josh Hawkins 2025-12-08 19:10:41 -06:00
parent 0b58d58f66
commit ae90da2613
2 changed files with 19 additions and 6 deletions

View File

@ -134,10 +134,20 @@ function Live() {
.sort((aConf, bConf) => aConf.ui.order - bConf.ui.order);
}, [config, cameraGroup, allowedCameras]);
const selectedCamera = useMemo(
() => cameras.find((cam) => cam.name == selectedCameraName),
[cameras, selectedCameraName],
);
const selectedCamera = useMemo(() => {
if (!config || !selectedCameraName || selectedCameraName === "birdseye") {
return undefined;
}
const camera = config.cameras[selectedCameraName];
if (
camera &&
allowedCameras.includes(selectedCameraName) &&
camera.enabled_in_config
) {
return camera;
}
return undefined;
}, [config, selectedCameraName, allowedCameras]);
return (
<div className="size-full" ref={mainRef}>
@ -146,6 +156,7 @@ function Live() {
supportsFullscreen={supportsFullScreen}
fullscreen={fullscreen}
toggleFullscreen={toggleFullscreen}
onSelectCamera={setSelectedCameraName}
/>
) : selectedCamera ? (
<LiveCameraView

View File

@ -28,12 +28,14 @@ type LiveBirdseyeViewProps = {
supportsFullscreen: boolean;
fullscreen: boolean;
toggleFullscreen: () => void;
onSelectCamera?: (cameraName: string) => void;
};
export default function LiveBirdseyeView({
supportsFullscreen,
fullscreen,
toggleFullscreen,
onSelectCamera,
}: LiveBirdseyeViewProps) {
const { t } = useTranslation(["views/live"]);
const { data: config } = useSWR<FrigateConfig>("config");
@ -181,13 +183,13 @@ export default function LiveBirdseyeView({
canvasY >= parsedCoords.y &&
canvasY < parsedCoords.y + parsedCoords.height
) {
navigate(`/#${cameraName}`);
onSelectCamera?.(cameraName);
break;
}
}
}
},
[playerRef, config, birdseyeLayout, navigate],
[playerRef, config, birdseyeLayout, onSelectCamera],
);
if (!config) {