diff options
Diffstat (limited to 'apps/web/src/components/editor/panels/assets')
| -rw-r--r-- | apps/web/src/components/editor/panels/assets/draggable-item.tsx | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/apps/web/src/components/editor/panels/assets/draggable-item.tsx b/apps/web/src/components/editor/panels/assets/draggable-item.tsx index fdbf5e76..8cfb99c3 100644 --- a/apps/web/src/components/editor/panels/assets/draggable-item.tsx +++ b/apps/web/src/components/editor/panels/assets/draggable-item.tsx @@ -11,7 +11,6 @@ import { TooltipTrigger,
} from "@/components/ui/tooltip";
import { useEditor } from "@/editor/use-editor";
-import { clearDragData, setDragData } from "@/timeline/drag-data";
import type { TimelineDragData } from "@/timeline/drag";
import { cn } from "@/utils/ui";
import type { MediaTime } from "@/wasm";
@@ -74,21 +73,23 @@ export function DraggableItem({ };
}, [isDragging]);
- const handleDragStart = (e: React.DragEvent) => {
- e.dataTransfer.setDragImage(emptyImg, 0, 0);
+ const handleDragStart = (event: React.DragEvent) => {
+ event.dataTransfer.setDragImage(emptyImg, 0, 0);
- setDragData({ dataTransfer: e.dataTransfer, dragData });
- e.dataTransfer.effectAllowed = "copy";
+ editor.timeline.dragSource.begin({
+ dataTransfer: event.dataTransfer,
+ dragData,
+ });
- setDragPosition({ x: e.clientX, y: e.clientY });
+ setDragPosition({ x: event.clientX, y: event.clientY });
setIsDragging(true);
- onDragStart?.({ e });
+ onDragStart?.({ e: event });
};
const handleDragEnd = () => {
setIsDragging(false);
- clearDragData();
+ editor.timeline.dragSource.end();
};
return (
|