Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2025-10-27 10:52:11 +01:00
Code Issues Projects Releases Wiki Activity

Make all motion segments clickable (#10488)

Browse Source
This commit is contained in:
Josh Hawkins 2024-03-15 20:26:13 -05:00 committed by GitHub
parent c14f3c3902
commit 89bd3867a9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/components/timeline/MotionSegment.tsx
View File

@ -39,7 +39,7 @@ export function MotionSegment({
shouldShowRoundedCorners, shouldShowRoundedCorners,
} = useEventSegmentUtils(segmentDuration, events, severityType); } = useEventSegmentUtils(segmentDuration, events, severityType);
const { getMotionSegmentValue, interpolateMotionAudioData, getMotionStart } = const { getMotionSegmentValue, interpolateMotionAudioData } =
useMotionSegmentUtils(segmentDuration, motion_events); useMotionSegmentUtils(segmentDuration, motion_events);
const { alignStartDateToTimeline, alignEndDateToTimeline } = useEventUtils( const { alignStartDateToTimeline, alignEndDateToTimeline } = useEventUtils(
@ -66,15 +66,6 @@ export function MotionSegment({
[shouldShowRoundedCorners, segmentTime], [shouldShowRoundedCorners, segmentTime],
); );
const startTimestamp = useMemo(() => {
const eventStart = getMotionStart(segmentTime);
if (eventStart) {
return alignStartDateToTimeline(eventStart);
}
// we know that these deps are correct
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [getMotionStart, segmentTime]);
const timestamp = useMemo(() => new Date(segmentTime * 1000), [segmentTime]); const timestamp = useMemo(() => new Date(segmentTime * 1000), [segmentTime]);
const segmentKey = useMemo(() => segmentTime, [segmentTime]); const segmentKey = useMemo(() => segmentTime, [segmentTime]);
@ -179,19 +170,10 @@ export function MotionSegment({
}; };
const segmentClick = useCallback(() => { const segmentClick = useCallback(() => {
if ( if (setHandlebarTime) {
startTimestamp && setHandlebarTime(segmentTime);
setHandlebarTime &&
(firstHalfSegmentWidth > 1 || secondHalfSegmentWidth > 1)
) {
setHandlebarTime(startTimestamp);
} }
}, [ }, [segmentTime, setHandlebarTime]);
startTimestamp,
setHandlebarTime,
firstHalfSegmentWidth,
secondHalfSegmentWidth,
]);
return ( return (
<div <div