From 58f23e8f2a1ee44ebfd088e5c8b60486f40b8351 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Sun, 1 Feb 2026 11:06:20 +0100 Subject: [PATCH] testing --- apps/web/src/components/ui/color-picker.tsx | 2 +- .../timeline/element/use-element-interaction.ts | 14 +++++++------- .../web/src/hooks/timeline/use-edge-auto-scroll.ts | 4 ++-- apps/web/src/hooks/timeline/use-scroll-sync.ts | 8 ++++---- apps/web/src/hooks/timeline/use-selection-box.ts | 4 ++-- .../hooks/timeline/use-snap-indicator-position.ts | 6 +++--- .../src/hooks/timeline/use-timeline-drag-drop.ts | 4 ++-- .../src/hooks/timeline/use-timeline-playhead.ts | 8 ++++---- apps/web/src/hooks/timeline/use-timeline-seek.ts | 8 ++++---- apps/web/src/hooks/timeline/use-timeline-zoom.ts | 6 +++--- 10 files changed, 32 insertions(+), 32 deletions(-) diff --git a/apps/web/src/components/ui/color-picker.tsx b/apps/web/src/components/ui/color-picker.tsx index ad350e0e..a57a86e0 100644 --- a/apps/web/src/components/ui/color-picker.tsx +++ b/apps/web/src/components/ui/color-picker.tsx @@ -7,7 +7,7 @@ interface ColorPickerProps { value?: string; onChange?: (value: string) => void; className?: string; - containerRef?: React.RefObject; + containerRef?: React.RefObject; } const hexToHsv = (hex: string) => { diff --git a/apps/web/src/hooks/timeline/element/use-element-interaction.ts b/apps/web/src/hooks/timeline/element/use-element-interaction.ts index d3abd7c3..c92d6722 100644 --- a/apps/web/src/hooks/timeline/element/use-element-interaction.ts +++ b/apps/web/src/hooks/timeline/element/use-element-interaction.ts @@ -25,10 +25,10 @@ const DRAG_THRESHOLD_PX = 5; interface UseElementInteractionProps { zoomLevel: number; - timelineRef: RefObject; - tracksContainerRef: RefObject; - tracksScrollRef: RefObject; - headerRef?: RefObject; + timelineRef: RefObject; + tracksContainerRef: RefObject; + tracksScrollRef: RefObject; + headerRef?: RefObject; snappingEnabled: boolean; onSnapPointChange?: (snapPoint: SnapPoint | null) => void; } @@ -115,9 +115,9 @@ function getDragDropTarget({ elementId: string; trackId: string; tracks: TimelineTrack[]; - tracksContainerRef: RefObject; - tracksScrollRef: RefObject; - headerRef?: RefObject; + tracksContainerRef: RefObject; + tracksScrollRef: RefObject; + headerRef?: RefObject; zoomLevel: number; snappedTime: number; verticalDragDirection?: "up" | "down" | null; diff --git a/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts b/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts index 0ddab654..095c0599 100644 --- a/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts +++ b/apps/web/src/hooks/timeline/use-edge-auto-scroll.ts @@ -3,8 +3,8 @@ import { useEffect, useRef } from "react"; interface UseEdgeAutoScrollParams { isActive: boolean; getMouseClientX: () => number; - rulerScrollRef: React.RefObject; - tracksScrollRef: React.RefObject; + rulerScrollRef: React.RefObject; + tracksScrollRef: React.RefObject; contentWidth: number; edgeThreshold?: number; maxScrollSpeed?: number; diff --git a/apps/web/src/hooks/timeline/use-scroll-sync.ts b/apps/web/src/hooks/timeline/use-scroll-sync.ts index cdd915b0..61465a3d 100644 --- a/apps/web/src/hooks/timeline/use-scroll-sync.ts +++ b/apps/web/src/hooks/timeline/use-scroll-sync.ts @@ -1,10 +1,10 @@ import { useEffect, useRef } from "react"; interface UseScrollSyncProps { - rulerScrollRef?: React.RefObject; - tracksScrollRef: React.RefObject; - trackLabelsScrollRef?: React.RefObject; - bookmarksScrollRef?: React.RefObject; + rulerScrollRef?: React.RefObject; + tracksScrollRef: React.RefObject; + trackLabelsScrollRef?: React.RefObject; + bookmarksScrollRef?: React.RefObject; } export function useScrollSync({ diff --git a/apps/web/src/hooks/timeline/use-selection-box.ts b/apps/web/src/hooks/timeline/use-selection-box.ts index 702abad9..12c6bf8a 100644 --- a/apps/web/src/hooks/timeline/use-selection-box.ts +++ b/apps/web/src/hooks/timeline/use-selection-box.ts @@ -4,12 +4,12 @@ import { getCumulativeHeightBefore, getTrackHeight } from "@/lib/timeline"; import { useEditor } from "../use-editor"; interface UseSelectionBoxProps { - containerRef: React.RefObject; + containerRef: React.RefObject; onSelectionComplete: ( elements: { trackId: string; elementId: string }[], ) => void; isEnabled?: boolean; - tracksScrollRef: React.RefObject; + tracksScrollRef: React.RefObject; zoomLevel: number; } 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 c6ecbf7c..d78eb04d 100644 --- a/apps/web/src/hooks/timeline/use-snap-indicator-position.ts +++ b/apps/web/src/hooks/timeline/use-snap-indicator-position.ts @@ -6,9 +6,9 @@ interface UseSnapIndicatorPositionParams { snapPoint: { time: number } | null; zoomLevel: number; tracks: TimelineTrack[]; - timelineRef: React.RefObject; - trackLabelsRef?: React.RefObject; - tracksScrollRef: React.RefObject; + timelineRef: React.RefObject; + trackLabelsRef?: React.RefObject; + tracksScrollRef: React.RefObject; } interface SnapIndicatorPosition { diff --git a/apps/web/src/hooks/timeline/use-timeline-drag-drop.ts b/apps/web/src/hooks/timeline/use-timeline-drag-drop.ts index 9e5c4fa6..01af9362 100644 --- a/apps/web/src/hooks/timeline/use-timeline-drag-drop.ts +++ b/apps/web/src/hooks/timeline/use-timeline-drag-drop.ts @@ -17,8 +17,8 @@ import type { TrackType, DropTarget, ElementType } from "@/types/timeline"; import type { MediaDragData, StickerDragData } from "@/types/drag"; interface UseTimelineDragDropProps { - containerRef: RefObject; - headerRef?: RefObject; + containerRef: RefObject; + headerRef?: RefObject; zoomLevel: number; } diff --git a/apps/web/src/hooks/timeline/use-timeline-playhead.ts b/apps/web/src/hooks/timeline/use-timeline-playhead.ts index 55e04a68..34a14793 100644 --- a/apps/web/src/hooks/timeline/use-timeline-playhead.ts +++ b/apps/web/src/hooks/timeline/use-timeline-playhead.ts @@ -6,10 +6,10 @@ import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants"; interface UseTimelinePlayheadProps { zoomLevel: number; - rulerRef: React.RefObject; - rulerScrollRef: React.RefObject; - tracksScrollRef: React.RefObject; - playheadRef?: React.RefObject; + rulerRef: React.RefObject; + rulerScrollRef: React.RefObject; + tracksScrollRef: React.RefObject; + playheadRef?: React.RefObject; } export function useTimelinePlayhead({ diff --git a/apps/web/src/hooks/timeline/use-timeline-seek.ts b/apps/web/src/hooks/timeline/use-timeline-seek.ts index f5dc6ddb..127ebcbb 100644 --- a/apps/web/src/hooks/timeline/use-timeline-seek.ts +++ b/apps/web/src/hooks/timeline/use-timeline-seek.ts @@ -5,10 +5,10 @@ import { getSnappedSeekTime } from "@/lib/time"; import { useEditor } from "../use-editor"; interface UseTimelineSeekProps { - playheadRef: RefObject; - trackLabelsRef: RefObject; - rulerScrollRef: RefObject; - tracksScrollRef: RefObject; + playheadRef: RefObject; + trackLabelsRef: RefObject; + rulerScrollRef: RefObject; + tracksScrollRef: RefObject; zoomLevel: number; duration: number; isSelecting: boolean; diff --git a/apps/web/src/hooks/timeline/use-timeline-zoom.ts b/apps/web/src/hooks/timeline/use-timeline-zoom.ts index 96a4be43..3d15b5c8 100644 --- a/apps/web/src/hooks/timeline/use-timeline-zoom.ts +++ b/apps/web/src/hooks/timeline/use-timeline-zoom.ts @@ -11,13 +11,13 @@ import { TIMELINE_CONSTANTS } from "@/constants/timeline-constants"; import { useEditor } from "@/hooks/use-editor"; interface UseTimelineZoomProps { - containerRef: RefObject; + containerRef: RefObject; minZoom?: number; initialZoom?: number; initialScrollLeft?: number; initialPlayheadTime?: number; - tracksScrollRef: RefObject; - rulerScrollRef: RefObject; + tracksScrollRef: RefObject; + rulerScrollRef: RefObject; } interface UseTimelineZoomReturn {