summaryrefslogtreecommitdiff
path: root/apps
diff options
context:
space:
mode:
Diffstat (limited to 'apps')
-rw-r--r--apps/web/src/components/editor/timeline.tsx84
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