refactor: store media relative to project, add storage for timeline data, and other things

1 files changed, 14 insertions, 2 deletions

diff --git a/apps/web/src/components/editor/media-panel/views/media.tsx b/apps/web/src/components/editor/media-panel/views/media.tsx
index f975496e..f7da684d 100644
--- a/apps/web/src/components/editor/media-panel/views/media.tsx
+++ b/apps/web/src/components/editor/media-panel/views/media.tsx
@@ -24,9 +24,11 @@ import {
   SelectValue,

 } from "@/components/ui/select";

 import { DraggableMediaItem } from "@/components/ui/draggable-item";

+import { useProjectStore } from "@/stores/project-store";

 

 export function MediaView() {

   const { mediaItems, addMediaItem, removeMediaItem } = useMediaStore();

+  const { activeProject } = useProjectStore();

   const fileInputRef = useRef<HTMLInputElement>(null);

   const [isProcessing, setIsProcessing] = useState(false);

   const [progress, setProgress] = useState(0);

@@ -35,6 +37,11 @@ export function MediaView() {
 

   const processFiles = async (files: FileList | File[]) => {

     if (!files || files.length === 0) return;

+    if (!activeProject) {

+      toast.error("No active project");

+      return;

+    }

+

     setIsProcessing(true);

     setProgress(0);

     try {

@@ -44,7 +51,7 @@ export function MediaView() {
       );

       // Add each processed media item to the store

       for (const item of processedItems) {

-        await addMediaItem(item);

+        await addMediaItem(activeProject.id, item);

       }

     } catch (error) {

       // Show error toast if processing fails

@@ -73,6 +80,11 @@ export function MediaView() {
     // Remove a media item from the store

     e.stopPropagation();

 

+    if (!activeProject) {

+      toast.error("No active project");

+      return;

+    }

+

     // Remove elements automatically when delete media

     const { tracks, removeTrack } = useTimelineStore.getState();

     tracks.forEach((track) => {

@@ -92,7 +104,7 @@ export function MediaView() {
         removeTrack(track.id);

       }

     });

-    await removeMediaItem(id);

+    await removeMediaItem(activeProject.id, id);

   };

 

   const formatDuration = (duration: number) => {