From 62565d95a84f96e39dca80ec5fdfe2ca410f2f39 Mon Sep 17 00:00:00 2001
From: Dicken <webmaster@sermerpartydorf.de>
Date: Thu, 18 Jun 2026 15:10:04 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20Custom=20Event=20f=C3=BCr=20Media-Naviga?=
 =?UTF-8?q?tion=20(Dashboard-Badge=20=E2=86=92=20Favoriten-Tab)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.jsx         |  2 +-
 frontend/src/tools/media.jsx | 11 +++++------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 8c267ad..f474639 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1983,7 +1983,7 @@ function Dashboard({ toast, mobile, setActive, setDevToolsNav, unreadMsgs=0, unr
         </button>
         {/* Unquittierte Favoriten für alle User */}
         {unackedFavs > 0 && (
-          <button onClick={()=>{ setMediaInitTab('favoriten'); setActive('media'); }} style={{
+          <button onClick={()=>{ setActive('media'); setTimeout(()=>window.dispatchEvent(new CustomEvent('media-navigate',{detail:'favoriten'})),80); }} style={{
             background:'rgba(245,158,11,0.12)', border:'1px solid rgba(245,158,11,0.35)',
             borderRadius:7, color:'#f59e0b', cursor:'pointer',
             padding:'4px 10px', fontSize:9, fontFamily:'monospace', letterSpacing:1,
diff --git a/frontend/src/tools/media.jsx b/frontend/src/tools/media.jsx
index 75f4148..3d5576b 100644
--- a/frontend/src/tools/media.jsx
+++ b/frontend/src/tools/media.jsx
@@ -42,13 +42,12 @@ export default function Media({ toast, mobile, initTab, onInitTabConsumed }) {
   const [activeTool, setActiveTool] = useState('kino');
   const [favIds, toggleFav] = useFavIds();
 
-  // Wenn von außen ein Tab vorgegeben wird (z.B. Dashboard-Badge)
+  // Auf Custom Event hören (z.B. Dashboard-Badge → Favoriten)
   useEffect(() => {
-    if (initTab) {
-      setActiveTool(initTab);
-      onInitTabConsumed?.();
-    }
-  }, [initTab]);
+    const handler = (e) => setActiveTool(e.detail);
+    window.addEventListener('media-navigate', handler);
+    return () => window.removeEventListener('media-navigate', handler);
+  }, []);
   const [modal,      setModal]      = useState(null); // { id, media_type }
   const [xrelIds,    setXrelIds]    = useState(new Set()); // tmdb_ids mit bekannten Releases