chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

Summary timeline (#10569)

Browse Source 
* implement summary timeline

* implement summary timeline

* merge dev

* conditionally attach listeners only when dragging

* set up listeners with a ref
This commit is contained in:
Josh Hawkins
2024-03-20 21:56:15 -05:00
committed by GitHub
parent c8fd23caa1
commit f113acee33
15 changed files with 523 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/hooks/use-draggable-element.ts
View File

@@ -40,7 +40,8 @@ function useDraggableElement({
}: DraggableElementProps) {
const [clientYPosition, setClientYPosition] = useState<number | null>(null);
const [initialClickAdjustment, setInitialClickAdjustment] = useState(0);
const { alignStartDateToTimeline } = useTimelineUtils(segmentDuration);
const { alignStartDateToTimeline, getCumulativeScrollTop } =
useTimelineUtils(segmentDuration);
const draggingAtTopEdge = useMemo(() => {
if (clientYPosition && timelineRef.current) {
@@ -125,15 +126,6 @@ function useDraggableElement({
[isDragging, setIsDragging],
);
const getCumulativeScrollTop = useCallback((element: HTMLElement | null) => {
let scrollTop = 0;
while (element) {
scrollTop += element.scrollTop;
element = element.parentElement;
}
return scrollTop;
}, []);
const timestampToPixels = useCallback(
(time: number) => {
const { scrollHeight: timelineHeight } =