From 201ec4c3fb6402a780eba9e260316dce69895329 Mon Sep 17 00:00:00 2001
From: npeter83 <npeter83+claude@gmail.com>
Date: Mon, 15 Jun 2026 14:56:39 +0200
Subject: [PATCH] fix(playlists): clear the detail panel after deleting the
 selected playlist

The detail pane rendered from react-query's cached data, so deleting the selected
playlist emptied the rail but left its stale contents on the right. Gate the detail
view on the current selection so it falls back to the empty state when nothing (or a
just-deleted playlist) is selected.
---
 frontend/src/components/Playlists.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Playlists.tsx b/frontend/src/components/Playlists.tsx
index d9264fc..e52f3c9 100644
--- a/frontend/src/components/Playlists.tsx
+++ b/frontend/src/components/Playlists.tsx
@@ -236,7 +236,7 @@ export default function Playlists() {
       </aside>
 
       <main className="flex-1 min-w-0 overflow-y-auto p-4">
-        {!detail ? (
+        {selectedId == null || !detail ? (
           <div className="text-muted text-sm p-4">
             {selectedId == null ? t("playlists.pickOne") : t("playlists.loading")}
           </div>