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

fix(ui): Tabs laden Inhalte serverseitig je Klick; lokale Filterung entfernt

Browse source
This commit is contained in:
vibe-bot 2025-08-08 03:07:35 +02:00
parent 0553fd5892
commit 8019a8dd95
1 changed files with 5 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/src/App.tsx
View file

@ -17,7 +17,7 @@ export default function App() {
useEffect(() => { useEffect(() => {
(async () => { (async () => {
try { try {
const [s, c] = await Promise.all([fetchSounds(), fetchChannels()]); const [s, c] = await Promise.all([fetchSounds(undefined, activeFolder), fetchChannels()]);
setSounds(s.items); setSounds(s.items);
setTotal(s.total); setTotal(s.total);
setFolders(s.folders); setFolders(s.folders);
@ -50,13 +50,9 @@ export default function App() {
const filtered = useMemo(() => { const filtered = useMemo(() => {
const q = query.trim().toLowerCase(); const q = query.trim().toLowerCase();
let base = sounds; if (!q) return sounds;
if (activeFolder !== '__all__') { return sounds.filter((s) => s.name.toLowerCase().includes(q));
base = sounds.filter((s: any) => (activeFolder === '' ? !s.folder : s.folder === activeFolder)); }, [sounds, query]);
}
if (!q) return base;
return base.filter((s) => s.name.toLowerCase().includes(q));
}, [sounds, query, activeFolder]);
async function handlePlay(name: string, rel?: string) { async function handlePlay(name: string, rel?: string) {
setError(null); setError(null);
@ -128,7 +124,7 @@ export default function App() {
type="button" type="button"
onClick={async () => { onClick={async () => {
setActiveFolder(f.key); setActiveFolder(f.key);
const resp = await fetchSounds(query, f.key); const resp = await fetchSounds(undefined, f.key);
setSounds(resp.items); setSounds(resp.items);
setTotal(resp.total); setTotal(resp.total);
setFolders(resp.folders); setFolders(resp.folders);