From 9fa9f406fe2722cec1e0d65d9b3868acd1e99f87 Mon Sep 17 00:00:00 2001
From: Simon Orzel <simonorzel@gmail.com>
Date: Thu, 17 Jul 2025 01:59:39 +0200
Subject: feat: splits working code

---
 .../editor/timeline/timeline-wheel-handler.tsx     | 33 ++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx

(limited to 'apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx')

diff --git a/apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx b/apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx
new file mode 100644
index 00000000..430d65ae
--- /dev/null
+++ b/apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx
@@ -0,0 +1,33 @@
+import { useEffect } from "react";
+
+export interface TimelineWheelHandlerProps {
+  timelineRef: React.RefObject<HTMLDivElement>;
+  isInTimeline: boolean;
+  handleWheel: (e: React.WheelEvent) => void;
+}
+
+export function useTimelineWheelHandler({
+  timelineRef,
+  isInTimeline,
+  handleWheel,
+}: TimelineWheelHandlerProps) {
+  // Add wheel event listeners with passive: false to allow preventDefault
+  useEffect(() => {
+    const timelineContainer = timelineRef.current;
+    if (!timelineContainer || !isInTimeline) return;
+
+    const handleWheelCapture = (e: WheelEvent) => {
+      // Call the existing handleWheel function
+      handleWheel(e as any);
+    };
+
+    // Add wheel event listener with passive: false to allow preventDefault
+    timelineContainer.addEventListener("wheel", handleWheelCapture, { passive: false });
+
+    return () => {
+      timelineContainer.removeEventListener("wheel", handleWheelCapture);
+    };
+  }, [handleWheel, isInTimeline, timelineRef]);
+
+  return null;
+}
-- 
cgit v1.3.1