summaryrefslogtreecommitdiff
path: root/apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx')
-rw-r--r--apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx38
1 files changed, 20 insertions, 18 deletions
diff --git a/apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx b/apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx
index 417cbbe8..8036b96c 100644
--- a/apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx
+++ b/apps/web/src/components/editor/timeline/timeline-wheel-handler.tsx
@@ -1,30 +1,32 @@
import { useEffect } from "react";
export interface TimelineWheelHandlerProps {
- timelineRef: React.RefObject<HTMLDivElement>;
- isInTimeline: boolean;
- handleWheel: (e: React.WheelEvent) => void;
+ timelineRef: React.RefObject<HTMLDivElement>;
+ isInTimeline: boolean;
+ handleWheel: (e: React.WheelEvent) => void;
}
export function useTimelineWheelHandler({
- timelineRef,
- isInTimeline,
- handleWheel,
+ timelineRef,
+ isInTimeline,
+ handleWheel,
}: TimelineWheelHandlerProps) {
- useEffect(() => {
- const timelineContainer = timelineRef.current;
- if (!timelineContainer || !isInTimeline) return;
+ useEffect(() => {
+ const timelineContainer = timelineRef.current;
+ if (!timelineContainer || !isInTimeline) return;
- const handleWheelCapture = (e: WheelEvent) => {
- handleWheel(e as any);
- };
+ const handleWheelCapture = (e: WheelEvent) => {
+ handleWheel(e as any);
+ };
- timelineContainer.addEventListener("wheel", handleWheelCapture, { passive: false });
+ timelineContainer.addEventListener("wheel", handleWheelCapture, {
+ passive: false,
+ });
- return () => {
- timelineContainer.removeEventListener("wheel", handleWheelCapture);
- };
- }, [handleWheel, isInTimeline, timelineRef]);
+ return () => {
+ timelineContainer.removeEventListener("wheel", handleWheelCapture);
+ };
+ }, [handleWheel, isInTimeline, timelineRef]);
- return null;
+ return null;
}