From 7ddf77ace5140c2d3bdddbca8c21b50e6ac57817 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Mon, 4 May 2026 11:47:53 -0400
Subject: [PATCH] refactor(web/m7-377): AddToPlaylistMenu accepts tracks:
 TrackRef[]

---
 web/src/lib/components/AddToPlaylistMenu.svelte | 8 ++++----
 web/src/lib/components/TrackMenu.svelte         | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/lib/components/AddToPlaylistMenu.svelte b/web/src/lib/components/AddToPlaylistMenu.svelte
index 0504c4d3..16cafd94 100644
--- a/web/src/lib/components/AddToPlaylistMenu.svelte
+++ b/web/src/lib/components/AddToPlaylistMenu.svelte
@@ -9,10 +9,10 @@
   import type { TrackRef } from '$lib/api/types';
 
   let {
-    track,
+    tracks,
     onClose
   }: {
-    track: TrackRef;
+    tracks: TrackRef[];
     onClose: () => void;
   } = $props();
 
@@ -32,7 +32,7 @@
     busy = true;
     error = null;
     try {
-      await appendTracks(playlistID, [track.id]);
+      await appendTracks(playlistID, tracks.map((t) => t.id));
       await queryClient.invalidateQueries({ queryKey: qk.playlist(playlistID) });
       await queryClient.invalidateQueries({ queryKey: qk.playlists() });
       onClose();
@@ -53,7 +53,7 @@
     error = null;
     try {
       const created = await createPlaylist({ name: newName.trim() });
-      await appendTracks(created.id, [track.id]);
+      await appendTracks(created.id, tracks.map((t) => t.id));
       await queryClient.invalidateQueries({ queryKey: qk.playlists() });
       onClose();
     } catch (e: unknown) {
diff --git a/web/src/lib/components/TrackMenu.svelte b/web/src/lib/components/TrackMenu.svelte
index dbcbdb53..d883211c 100644
--- a/web/src/lib/components/TrackMenu.svelte
+++ b/web/src/lib/components/TrackMenu.svelte
@@ -212,6 +212,6 @@
   {/if}
 
   {#if addOpen}
-    <AddToPlaylistMenu {track} onClose={() => (addOpen = false)} />
+    <AddToPlaylistMenu tracks={[track]} onClose={() => (addOpen = false)} />
   {/if}
 </div>