diff --git a/web/src/pages/Live.tsx b/web/src/pages/Live.tsx index cd8cc6b0a..6360bfde2 100644 --- a/web/src/pages/Live.tsx +++ b/web/src/pages/Live.tsx @@ -8,12 +8,15 @@ import { FrigateConfig } from "@/types/frigateConfig"; import LiveBirdseyeView from "@/views/live/LiveBirdseyeView"; import LiveCameraView from "@/views/live/LiveCameraView"; import LiveDashboardView from "@/views/live/LiveDashboardView"; +import { useGlobalState } from "@/context/global-state-provider"; import { useEffect, useMemo, useRef } from "react"; import useSWR from "swr"; function Live() { const { data: config } = useSWR("config"); + const { setLastSelectedCamera } = useGlobalState(); + // selection const [selectedCameraName, setSelectedCameraName] = useHashState(); @@ -22,6 +25,11 @@ function Live() { "default" as string, ); + const handleCameraChange = (camera: string) => { + setLastSelectedCamera(camera); + setSelectedCameraName(camera); + }; + useSearchEffect("group", (cameraGroup) => { if (config && cameraGroup) { const group = config.camera_groups[cameraGroup]; @@ -115,7 +123,7 @@ function Live() { cameras={cameras} cameraGroup={cameraGroup ?? "default"} includeBirdseye={includesBirdseye} - onSelectCamera={setSelectedCameraName} + onSelectCamera={handleCameraChange} fullscreen={fullscreen} toggleFullscreen={toggleFullscreen} />