From a9b9cf6bf50f08723896659634f2e6afc17bcd42 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Wed, 29 Apr 2026 00:37:56 +0200 Subject: chore: switch from biome to eslint + prettier; fix ton of lint issues --- .../timeline/hooks/use-snap-indicator-position.ts | 24 +++++----------------- 1 file changed, 5 insertions(+), 19 deletions(-) (limited to 'apps/web/src/timeline/hooks/use-snap-indicator-position.ts') diff --git a/apps/web/src/timeline/hooks/use-snap-indicator-position.ts b/apps/web/src/timeline/hooks/use-snap-indicator-position.ts index 2081b939..ac6d91eb 100644 --- a/apps/web/src/timeline/hooks/use-snap-indicator-position.ts +++ b/apps/web/src/timeline/hooks/use-snap-indicator-position.ts @@ -1,6 +1,7 @@ -import { useEffect, useState } from "react"; +import { useContainerSize } from "@/hooks/use-container-size"; import { timelineTimeToSnappedPixels } from "@/timeline"; import { TIMELINE_TRACK_LABELS_COLUMN_WIDTH_PX } from "@/timeline/components/layout"; +import { useScrollPosition } from "./use-scroll-position"; interface UseSnapIndicatorPositionParams { snapPoint: { time: number } | null; zoomLevel: number; @@ -20,24 +21,9 @@ export function useSnapIndicatorPosition({ timelineRef, tracksScrollRef, }: UseSnapIndicatorPositionParams): SnapIndicatorPosition { - const [scrollLeft, setScrollLeft] = useState(0); - - useEffect(() => { - const tracksViewport = tracksScrollRef.current; - - if (!tracksViewport) return; - - const handleScroll = () => { - setScrollLeft(tracksViewport.scrollLeft); - }; - - setScrollLeft(tracksViewport.scrollLeft); - - tracksViewport.addEventListener("scroll", handleScroll); - return () => tracksViewport.removeEventListener("scroll", handleScroll); - }, [tracksScrollRef]); - - const timelineContainerHeight = timelineRef.current?.offsetHeight || 400; + const { height: timelineHeight } = useContainerSize({ containerRef: timelineRef }); + const { scrollLeft } = useScrollPosition({ scrollRef: tracksScrollRef }); + const timelineContainerHeight = timelineHeight || 400; const totalHeight = timelineContainerHeight - 8; // 8px padding from edges const timelinePosition = timelineTimeToSnappedPixels({ -- cgit v1.3.1