diff options
| author | Hyteq <DerpsDer.es@gmail.com> | 2025-06-23 14:21:42 +0300 |
|---|---|---|
| committer | Hyteq <DerpsDer.es@gmail.com> | 2025-06-23 14:21:42 +0300 |
| commit | 7b6ab8f1520ee91ae3504c4594f96a05fce13e9f (patch) | |
| tree | 6e66d200a44233adc98587df0036a92dc372e97e /apps/web/src/components/editor/timeline.tsx | |
| parent | c8e522a82f4e8c2e6f9eb90f22a28f947dc7fe41 (diff) | |
| download | opencut-7b6ab8f1520ee91ae3504c4594f96a05fce13e9f.tar.gz | |
chore: cleanup
Diffstat (limited to 'apps/web/src/components/editor/timeline.tsx')
| -rw-r--r-- | apps/web/src/components/editor/timeline.tsx | 84 |
1 files changed, 1 insertions, 83 deletions
diff --git a/apps/web/src/components/editor/timeline.tsx b/apps/web/src/components/editor/timeline.tsx index 3823f096..d1bb3aa8 100644 --- a/apps/web/src/components/editor/timeline.tsx +++ b/apps/web/src/components/editor/timeline.tsx @@ -20,12 +20,10 @@ import { TooltipTrigger,
TooltipProvider,
} from "../ui/tooltip";
-import { DragOverlay } from "../ui/drag-overlay";
import { useTimelineStore, type TimelineTrack } from "@/stores/timeline-store";
import { useMediaStore } from "@/stores/media-store";
import { usePlaybackStore } from "@/stores/playback-store";
import { processMediaFiles } from "@/lib/media-processing";
-import { ImageTimelineTreatment } from "@/components/ui/image-timeline-treatment";
import { toast } from "sonner";
import { useState, useRef, useEffect } from "react";
@@ -1301,87 +1299,7 @@ function TimelineTrackContent({ )}
</>
)}
-
-
</div>
</div>
);
-}
-
-// Custom context menu for track actions
-function TrackContextMenu({
- x,
- y,
- track,
- onClose,
- onSplit,
- onMute,
- onDelete,
-}: {
- x: number;
- y: number;
- track: any;
- onClose: () => void;
- onSplit: () => void;
- onMute: () => void;
- onDelete: () => void;
-}) {
- // Small, modern, visually appealing popup
- return (
- <div
- className="fixed z-50 min-w-[140px] bg-white border border-muted rounded-lg shadow-lg py-1 text-sm animate-fade-in text-black"
- style={{ left: x + 4, top: y + 4 }}
- onContextMenu={(e) => e.preventDefault()}
- >
- {/* Split option */}
- <button
- className="flex items-center w-full px-3 py-2 hover:bg-muted/20 transition-colors"
- onClick={onSplit}
- >
- <span className="mr-2">
- <MoreVertical className="h-4 w-4" />
- </span>
- Split at Playhead
- </button>
- {/* Mute/Unmute option */}
- <button
- className="flex items-center w-full px-3 py-2 hover:bg-muted/20 transition-colors"
- onClick={onMute}
- >
- <span className="mr-2">
- {track.muted ? (
- <VolumeX className="h-4 w-4" />
- ) : (
- <Volume2 className="h-4 w-4" />
- )}
- </span>
- {track.muted ? "Unmute Track" : "Mute Track"}
- </button>
- {/* Delete option */}
- <button
- className="flex items-center w-full px-3 py-2 text-red-600 hover:bg-red-50 transition-colors"
- onClick={onDelete}
- >
- <span className="mr-2">
- <Trash2 className="h-4 w-4" />
- </span>
- Delete Track
- </button>
- </div>
- );
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+}
\ No newline at end of file |
