mirror of
https://github.com/blakeblackshear/frigate.git
synced 2025-12-10 15:25:43 +03:00
fix clickable birdseye
This commit is contained in:
parent
0b58d58f66
commit
ae90da2613
@ -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
|
||||
|
||||
@ -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) {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user