From 71a531f102d99ba3b0ebe4f87f443cfa5f9b71f3 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Fri, 8 Aug 2025 03:37:54 +0200
Subject: [PATCH] =?UTF-8?q?fix(favs):=20Favoriten-Tab=20zeigt=20Count;=20T?=
 =?UTF-8?q?ab=20l=C3=A4dt=20weiterhin=20'Alle'=20und=20filtert=20clientsei?=
 =?UTF-8?q?tig=20statt=20API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index 83361e5..99a41d2 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -36,7 +36,8 @@ export default function App() {
   useEffect(() => {
     (async () => {
       try {
-        const s = await fetchSounds(query, activeFolder);
+        const folderParam = activeFolder === '__favs__' ? '__all__' : activeFolder;
+        const s = await fetchSounds(query, folderParam);
         setSounds(s.items);
         setTotal(s.total);
         setFolders(s.folders);
@@ -69,6 +70,8 @@ export default function App() {
     return sounds.filter((s) => s.name.toLowerCase().includes(q));
   }, [sounds, query]);
 
+  const favCount = useMemo(() => Object.values(favs).filter(Boolean).length, [favs]);
+
   async function handlePlay(name: string, rel?: string) {
     setError(null);
     if (!selected) return setError('Bitte einen Voice-Channel auswählen');
@@ -139,7 +142,7 @@ export default function App() {
             type="button"
             onClick={() => setActiveFolder('__favs__')}
           >
-            Favoriten
+            Favoriten ({favCount})
           </button>
           {folders.map((f) => (
             <button