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

UI: Header-Texte geändert ('Geladene Sounds' 'Sounds', 'Insgesamt abgespielt' 'Played') + Live-Update für Played Counter (alle 5s)

Browse source
This commit is contained in:
vibe-bot 2025-08-09 01:48:47 +02:00
parent 1a48893090
commit 22dc34ce81
1 changed files with 19 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

21
web/src/App.tsx
View file

@ -100,6 +100,23 @@ export default function App() {
return () => window.removeEventListener('scroll', onScroll);
}, []);
// Live-Update für totalPlays Counter
useEffect(() => {
const updateTotalPlays = async () => {
try {
const h = await fetch('/api/health').then(r => r.json()).catch(() => null);
if (h && typeof h.totalPlays === 'number') setTotalPlays(h.totalPlays);
} catch {}
};
// Sofort beim Start laden
updateTotalPlays();
// Alle 5 Sekunden aktualisieren
const interval = setInterval(updateTotalPlays, 5000);
return () => clearInterval(interval);
}, []);
useEffect(() => {
(async () => {
if (selected) {
@ -166,11 +183,11 @@ export default function App() {
</div>
<div className="flex items-center space-x-8">
<div className="text-center">
<p className="text-lg text-gray-400">Geladene Sounds</p>
<p className="text-lg text-gray-400">Sounds</p>
<p className="text-2xl font-bold">{total}</p>
</div>
<div className="text-center">
<p className="text-lg text-gray-400">Insgesamt abgespielt</p>
<p className="text-lg text-gray-400">Played</p>
<p className="text-2xl font-bold">{totalPlays}</p>
</div>
<div className="flex items-center space-x-4">