changed the code to make sure it doesnt skip any media

1 files changed, 8 insertions, 7 deletions

diff --git a/apps/web/src/stores/media-store.ts b/apps/web/src/stores/media-store.ts
index 6eb06e35..8a58b7c6 100644
--- a/apps/web/src/stores/media-store.ts
+++ b/apps/web/src/stores/media-store.ts
@@ -211,13 +211,14 @@ export const useMediaStore = create<MediaStore>((set, get) => ({
 
     // Iterate over a snapshot of tracks and their elements
     tracks.forEach((track) => {
-      track.elements.forEach((el) => {
-        if (el.type === "media" && el.mediaId === id) {
-          if (rippleEditingEnabled) {
-            removeElementFromTrackWithRipple(track.id, el.id);
-          } else {
-            removeElementFromTrack(track.id, el.id);
-          }
+      const elementsToRemove = track.elements.filter(
+        (el) => el.type === "media" && el.mediaId === id
+      );
+      elementsToRemove.forEach((el) => {
+        if (rippleEditingEnabled) {
+          removeElementFromTrackWithRipple(track.id, el.id);
+        } else {
+          removeElementFromTrack(track.id, el.id);
         }
       });
     });