fix(favs): Favoriten-Tab zeigt Count; Tab lädt weiterhin 'Alle' und filtert clientseitig statt API

This commit is contained in:
vibe-bot 2025-08-08 03:37:54 +02:00
parent b9295a9050
commit 71a531f102

View file

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