From 3e89d2998588f8e35c524e523ba2ee853f0f6475 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Mon, 20 Apr 2026 11:31:17 +0200 Subject: refactor: restructure files to their domains, new preview overlay system, and dep graph --- .../hooks/timeline/use-initial-scroll-bottom.ts | 42 ---------------------- 1 file changed, 42 deletions(-) delete mode 100644 apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts (limited to 'apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts') diff --git a/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts b/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts deleted file mode 100644 index 0b1cf92a..00000000 --- a/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { type RefObject, useLayoutEffect, useRef } from "react"; - -interface UseInitialScrollBottomProps { - tracksScrollRef: RefObject; - trackLabelsScrollRef: RefObject; - onAfterScroll?: () => void; - /** Defers the scroll until there is at least one track to measure against. */ - isReady: boolean; -} - -/** - * Scrolls the timeline tracks viewport to the bottom once on mount. - * useLayoutEffect runs synchronously after React commits the DOM but before - * the browser paints, so the initial scroll position is never visible. - */ -export function useInitialScrollBottom({ - tracksScrollRef, - trackLabelsScrollRef, - onAfterScroll, - isReady, -}: UseInitialScrollBottomProps): void { - const hasScrolledRef = useRef(false); - - useLayoutEffect(() => { - if (!isReady || hasScrolledRef.current) return; - - const viewport = tracksScrollRef.current; - if (!viewport) return; - - const maxScrollTop = viewport.scrollHeight - viewport.clientHeight; - if (maxScrollTop <= 0) return; - - viewport.scrollTop = maxScrollTop; - - if (trackLabelsScrollRef.current) { - trackLabelsScrollRef.current.scrollTop = maxScrollTop; - } - - onAfterScroll?.(); - hasScrolledRef.current = true; - }, [isReady, tracksScrollRef, trackLabelsScrollRef, onAfterScroll]); -} -- cgit v1.3.1