xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: centralize logic to zustand store

Browse Source
This commit is contained in:
Maze Winther
2025-07-08 22:51:42 +02:00
parent 24b9c89084
commit 3ef17cecb4
2 changed files with 23 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
apps/web/src/components/editor/media-panel/views/media.tsx
View File

@ -3,7 +3,6 @@
import { useDragDrop } from "@/hooks/use-drag-drop";
import { processMediaFiles } from "@/lib/media-processing";
import { useMediaStore, type MediaItem } from "@/stores/media-store";
import { useTimelineStore } from "@/stores/timeline-store";
import { Image, Music, Plus, Upload, Video } from "lucide-react";
import { useEffect, useRef, useState } from "react";
import { toast } from "sonner";
@ -85,25 +84,7 @@ export function MediaView() {
return;
}
// Remove elements automatically when delete media
const { tracks, removeTrack } = useTimelineStore.getState();
tracks.forEach((track) => {
const elementsToRemove = track.elements.filter(
(element) => element.type === "media" && element.mediaId === id
);
elementsToRemove.forEach((element) => {
useTimelineStore
.getState()
.removeElementFromTrack(track.id, element.id);
});
// Only remove track if it becomes empty and has no other elements
const updatedTrack = useTimelineStore
.getState()
.tracks.find((t) => t.id === track.id);
if (updatedTrack && updatedTrack.elements.length === 0) {
removeTrack(track.id);
}
});
// Media store now handles cascade deletion automatically
await removeMediaItem(activeProject.id, id);
};