administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-08 12:15:25 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Only show the red dot when camera is recording

Browse Source
This commit is contained in:
Nicolas Mowen 2024-02-09 05:47:56 -07:00
parent a004890a7e
commit f74092a10e
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/player/LivePlayer.tsx
View File

@ -15,6 +15,7 @@ import { MdCircle, MdLeakAdd, MdSelectAll } from "react-icons/md";
import { BsSoundwave } from "react-icons/bs"; import { BsSoundwave } from "react-icons/bs";
import Chip from "../Chip"; import Chip from "../Chip";
import useCameraActivity from "@/hooks/use-camera-activity"; import useCameraActivity from "@/hooks/use-camera-activity";
import { useRecordingsState } from "@/api/ws";
const emptyObject = Object.freeze({}); const emptyObject = Object.freeze({});
@ -52,6 +53,8 @@ export default function LivePlayer({
} }
}, [activeMotion, activeTracking, liveReady]); }, [activeMotion, activeTracking, liveReady]);
const { payload: recording } = useRecordingsState(cameraConfig.name);
// debug view settings // debug view settings
const [showSettings, setShowSettings] = useState(false); const [showSettings, setShowSettings] = useState(false);
@ -216,9 +219,7 @@ export default function LivePlayer({
</div> </div>
)} )}
<Chip className="absolute right-2 top-2 bg-gray-500 bg-gradient-to-br"> <Chip className="absolute right-2 top-2 bg-gray-500 bg-gradient-to-br">
{cameraConfig.record.enabled && ( {recording == "ON" && <MdCircle className="w-2 h-2 text-danger" />}
<MdCircle className="w-2 h-2 text-danger" />
)}
<div className="ml-1 capitalize text-white text-xs"> <div className="ml-1 capitalize text-white text-xs">
{cameraConfig.name.replaceAll("_", " ")} {cameraConfig.name.replaceAll("_", " ")}
</div> </div>