root/jukebox-vibe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Nightly: Tabs-Schrift vereinheitlicht + doppelte Klammerzahlen in Ordnernamen entfernt (Most played)

Browse source
This commit is contained in:
vibe-bot 2025-08-09 10:40:34 +02:00
parent d5df8b63f8
commit 2b2349491d
1 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

19
web/src/App.tsx
View file

@ -319,9 +319,22 @@ export default function App() {
<div className="bg-transparent mb-8"> <div className="bg-transparent mb-8">
<div className="flex flex-wrap gap-3 text-sm"> <div className="flex flex-wrap gap-3 text-sm">
<button className={`tag-btn ${activeFolder==='__favs__'?'active':''}`} onClick={()=>setActiveFolder('__favs__')}>Favoriten ({favCount})</button> <button className={`tag-btn ${activeFolder==='__favs__'?'active':''}`} onClick={()=>setActiveFolder('__favs__')}>Favoriten ({favCount})</button>
{folders.map(f=> ( {folders.map(f=> {
<button key={f.key} className={`tag-btn ${activeFolder===f.key?'active':''}`} onClick={async ()=>{ setActiveFolder(f.key); const resp=await fetchSounds(undefined, f.key); setSounds(resp.items); setTotal(resp.total); setFolders(resp.folders); }}>{f.name} ({f.count})</button> const displayName = f.name.replace(/\s*\(\d+\)\s*$/, '');
))} return (
<button
key={f.key}
className={`tag-btn ${activeFolder===f.key?'active':''}`}
onClick={async ()=>{
setActiveFolder(f.key);
const resp=await fetchSounds(undefined, f.key);
setSounds(resp.items); setTotal(resp.total); setFolders(resp.folders);
}}
>
{displayName} ({f.count})
</button>
);
})}
</div> </div>
</div> </div>