refactor: update timeline to use context menu component

1 files changed, 20 insertions, 29 deletions

diff --git a/apps/web/src/types/timeline.ts b/apps/web/src/types/timeline.ts
index 7fafc187..54a433a7 100644
--- a/apps/web/src/types/timeline.ts
+++ b/apps/web/src/types/timeline.ts
@@ -1,29 +1,20 @@
-import { TimelineTrack, TimelineClip } from "@/stores/timeline-store";

-

-export type TrackType = "video" | "audio" | "effects";

-

-export interface TimelineClipProps {

-  clip: TimelineClip;

-  track: TimelineTrack;

-  zoomLevel: number;

-  isSelected: boolean;

-  onContextMenu: (e: React.MouseEvent, clipId: string) => void;

-  onClipMouseDown: (e: React.MouseEvent, clip: TimelineClip) => void;

-  onClipClick: (e: React.MouseEvent, clip: TimelineClip) => void;

-}

-

-export interface ResizeState {

-  clipId: string;

-  side: "left" | "right";

-  startX: number;

-  initialTrimStart: number;

-  initialTrimEnd: number;

-}

-

-export interface ContextMenuState {

-  type: "track" | "clip";

-  trackId: string;

-  clipId?: string;

-  x: number;

-  y: number;

-}

+import { TimelineTrack, TimelineClip } from "@/stores/timeline-store";
+
+export type TrackType = "video" | "audio" | "effects";
+
+export interface TimelineClipProps {
+  clip: TimelineClip;
+  track: TimelineTrack;
+  zoomLevel: number;
+  isSelected: boolean;
+  onClipMouseDown: (e: React.MouseEvent, clip: TimelineClip) => void;
+  onClipClick: (e: React.MouseEvent, clip: TimelineClip) => void;
+}
+
+export interface ResizeState {
+  clipId: string;
+  side: "left" | "right";
+  startX: number;
+  initialTrimStart: number;
+  initialTrimEnd: number;
+}