From 4d127a038bf768eded68aae3cfa5c1b12241bdac Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Fri, 27 Mar 2026 00:55:15 +0100 Subject: chore: normalize line endings --- .../hooks/timeline/use-snap-indicator-position.ts | 108 ++++++++++----------- 1 file changed, 54 insertions(+), 54 deletions(-) (limited to 'apps/web/src/hooks/timeline/use-snap-indicator-position.ts') diff --git a/apps/web/src/hooks/timeline/use-snap-indicator-position.ts b/apps/web/src/hooks/timeline/use-snap-indicator-position.ts index 1a8f3c5d..3dc34b7f 100644 --- a/apps/web/src/hooks/timeline/use-snap-indicator-position.ts +++ b/apps/web/src/hooks/timeline/use-snap-indicator-position.ts @@ -1,54 +1,54 @@ -import { useEffect, useState } from "react"; -import { timelineTimeToSnappedPixels } from "@/lib/timeline"; -import { TRACK_LABELS_WIDTH_PX } from "@/constants/timeline-constants"; -interface UseSnapIndicatorPositionParams { - snapPoint: { time: number } | null; - zoomLevel: number; - timelineRef: React.RefObject; - tracksScrollRef: React.RefObject; -} - -interface SnapIndicatorPosition { - leftPosition: number; - topPosition: number; - height: number; -} - -export function useSnapIndicatorPosition({ - snapPoint, - zoomLevel, - 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 totalHeight = timelineContainerHeight - 8; // 8px padding from edges - - const timelinePosition = timelineTimeToSnappedPixels({ - time: snapPoint?.time ?? 0, - zoomLevel, - }); - const leftPosition = TRACK_LABELS_WIDTH_PX + timelinePosition - scrollLeft; - - return { - leftPosition, - topPosition: 0, - height: totalHeight, - }; -} +import { useEffect, useState } from "react"; +import { timelineTimeToSnappedPixels } from "@/lib/timeline"; +import { TRACK_LABELS_WIDTH_PX } from "@/constants/timeline-constants"; +interface UseSnapIndicatorPositionParams { + snapPoint: { time: number } | null; + zoomLevel: number; + timelineRef: React.RefObject; + tracksScrollRef: React.RefObject; +} + +interface SnapIndicatorPosition { + leftPosition: number; + topPosition: number; + height: number; +} + +export function useSnapIndicatorPosition({ + snapPoint, + zoomLevel, + 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 totalHeight = timelineContainerHeight - 8; // 8px padding from edges + + const timelinePosition = timelineTimeToSnappedPixels({ + time: snapPoint?.time ?? 0, + zoomLevel, + }); + const leftPosition = TRACK_LABELS_WIDTH_PX + timelinePosition - scrollLeft; + + return { + leftPosition, + topPosition: 0, + height: totalHeight, + }; +} -- cgit v1.3.1