From be1ae20d9089e81cb84a8294be76fe680a24b60f Mon Sep 17 00:00:00 2001
From: Hyteq <DerpsDer.es@gmail.com>
Date: Sun, 20 Jul 2025 11:00:22 +0300
Subject: format

---
 apps/web/src/hooks/use-timeline-zoom.ts | 108 ++++++++++++++++----------------
 1 file changed, 54 insertions(+), 54 deletions(-)

(limited to 'apps/web/src/hooks/use-timeline-zoom.ts')

diff --git a/apps/web/src/hooks/use-timeline-zoom.ts b/apps/web/src/hooks/use-timeline-zoom.ts
index ce32c9f0..00511290 100644
--- a/apps/web/src/hooks/use-timeline-zoom.ts
+++ b/apps/web/src/hooks/use-timeline-zoom.ts
@@ -1,54 +1,54 @@
-import { useState, useCallback, useEffect, RefObject } from "react";
-
-interface UseTimelineZoomProps {
-  containerRef: RefObject<HTMLDivElement>;
-  isInTimeline?: boolean;
-}
-
-interface UseTimelineZoomReturn {
-  zoomLevel: number;
-  setZoomLevel: (zoomLevel: number | ((prev: number) => number)) => void;
-  handleWheel: (e: React.WheelEvent) => void;
-}
-
-export function useTimelineZoom({
-  containerRef,
-  isInTimeline = false,
-}: UseTimelineZoomProps): UseTimelineZoomReturn {
-  const [zoomLevel, setZoomLevel] = useState(1);
-
-  const handleWheel = useCallback((e: React.WheelEvent) => {
-    // Only zoom if user is using pinch gesture (ctrlKey or metaKey is true)
-    if (e.ctrlKey || e.metaKey) {
-      e.preventDefault();
-      const delta = e.deltaY > 0 ? -0.15 : 0.15;
-      setZoomLevel((prev) => Math.max(0.1, Math.min(10, prev + delta)));
-    }
-    // Otherwise, allow normal scrolling
-  }, []);
-
-  // Prevent browser zooming in/out when in timeline
-  useEffect(() => {
-    const preventZoom = (e: WheelEvent) => {
-      if (
-        isInTimeline &&
-        (e.ctrlKey || e.metaKey) &&
-        containerRef.current?.contains(e.target as Node)
-      ) {
-        e.preventDefault();
-      }
-    };
-
-    document.addEventListener("wheel", preventZoom, { passive: false });
-
-    return () => {
-      document.removeEventListener("wheel", preventZoom);
-    };
-  }, [isInTimeline, containerRef]);
-
-  return {
-    zoomLevel,
-    setZoomLevel,
-    handleWheel,
-  };
-}
+import { useState, useCallback, useEffect, RefObject } from "react";
+
+interface UseTimelineZoomProps {
+	containerRef: RefObject<HTMLDivElement>;
+	isInTimeline?: boolean;
+}
+
+interface UseTimelineZoomReturn {
+	zoomLevel: number;
+	setZoomLevel: (zoomLevel: number | ((prev: number) => number)) => void;
+	handleWheel: (e: React.WheelEvent) => void;
+}
+
+export function useTimelineZoom({
+	containerRef,
+	isInTimeline = false,
+}: UseTimelineZoomProps): UseTimelineZoomReturn {
+	const [zoomLevel, setZoomLevel] = useState(1);
+
+	const handleWheel = useCallback((e: React.WheelEvent) => {
+		// Only zoom if user is using pinch gesture (ctrlKey or metaKey is true)
+		if (e.ctrlKey || e.metaKey) {
+			e.preventDefault();
+			const delta = e.deltaY > 0 ? -0.15 : 0.15;
+			setZoomLevel((prev) => Math.max(0.1, Math.min(10, prev + delta)));
+		}
+		// Otherwise, allow normal scrolling
+	}, []);
+
+	// Prevent browser zooming in/out when in timeline
+	useEffect(() => {
+		const preventZoom = (e: WheelEvent) => {
+			if (
+				isInTimeline &&
+				(e.ctrlKey || e.metaKey) &&
+				containerRef.current?.contains(e.target as Node)
+			) {
+				e.preventDefault();
+			}
+		};
+
+		document.addEventListener("wheel", preventZoom, { passive: false });
+
+		return () => {
+			document.removeEventListener("wheel", preventZoom);
+		};
+	}, [isInTimeline, containerRef]);
+
+	return {
+		zoomLevel,
+		setZoomLevel,
+		handleWheel,
+	};
+}
-- 
cgit v1.3.1