administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-05 14:47:40 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Revert "fix: revert CameraMotionDot, restore built-in LivePlayer motion dot"

Browse Source
This commit is contained in:
ibs0d 2026-03-18 19:12:01 +11:00 committed by GitHub
parent b1a9833406
commit fa05857976
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/views/live/DraggableGridLayout.tsx
View File

@ -29,6 +29,8 @@ import {
} from "@/types/live";
import ActivityIndicator from "@/components/indicators/activity-indicator";
import { PlayerStats } from "@/components/player/PlayerStats";
import { MdCircle } from "react-icons/md";
import { useCameraActivity } from "@/hooks/use-camera-activity";
import { Skeleton } from "@/components/ui/skeleton";
import { isEqual } from "lodash";
@ -877,6 +879,7 @@ export default function DraggableGridLayout({
[camera.name]: loading,
}))
}
showMotionDot={false}
onClick={() => {
!isEditMode && onSelectCamera(camera.name);
}}
@ -908,7 +911,10 @@ export default function DraggableGridLayout({
minimal={true}
/>
)}
<CameraMotionDot
camera={camera}
autoLive={autoLive ?? globalAutoLive}
/>
</div>
{isEditMode && showCircles && <CornerCircles />}
</GridLiveContextMenu>
@ -1075,6 +1081,24 @@ const BirdseyeLivePlayerGridItem = React.forwardRef<
},
);
// Separate component so it can call useCameraActivity as a hook (no hooks in loops).
// Direct WS subscription guarantees the dot reacts to motion changes in real-time
// without relying on an intermediate callback → parent-state chain.
function CameraMotionDot({
camera,
autoLive,
}: {
camera: CameraConfig;
autoLive?: boolean;
}) {
const { activeMotion, offline } = useCameraActivity(camera);
if (autoLive === false || offline || !activeMotion) return null;
return (
<div className="absolute right-2 top-2 z-40">
<MdCircle className="mr-2 size-2 animate-pulse text-danger shadow-danger drop-shadow-md" />
</div>
);
}
type GridLiveContextMenuProps = {
className?: string;