v1 feature: added playlists

src/pages/Dump.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import { Link, useLocation, useNavigate, useParams } from "react-router";
+import { AddToPlaylistModal } from "../components/AddToPlaylistModal.tsx";
 
 import { API_URL } from "../config/api.ts";
 
@@ -31,6 +32,7 @@ export function Dump() {
     preloaded ? { status: "loaded", dump: preloaded } : { status: "loading" },
   );
   const [op, setOp] = useState<PublicUser | null>(null);
+  const [playlistModalOpen, setPlaylistModalOpen] = useState(false);
 
   const { user } = useAuth();
   const { voteCounts, myVotes, castVote, removeVote } = useWS();
@@ -178,8 +180,23 @@ export function Dump() {
         <div className="dump-actions">
           {canEdit && <Link to={`/dumps/${dump.id}/edit`}>Edit</Link>}
           <Link to="/">← Back to all dumps</Link>
+          {user && (
+            <button
+              type="button"
+              className="btn-add-playlist"
+              onClick={() => setPlaylistModalOpen(true)}
+            >
+              + Playlist
+            </button>
+          )}
         </div>
       </div>
+      {playlistModalOpen && (
+        <AddToPlaylistModal
+          dumpId={dump.id}
+          onClose={() => setPlaylistModalOpen(false)}
+        />
+      )}
     </PageShell>
   );
 }