From bd0c7f22069d1a2e4b2a2d962becaf6b9e942414 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Mon, 7 Jul 2025 19:06:36 +0200
Subject: refactor: store media relative to project, add storage for timeline
 data, and other things

---
 .../src/components/editor/media-panel/views/media.tsx    | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

(limited to 'apps/web/src/components/editor/media-panel/views')

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) => {
-- 
cgit v1.3.1