feat: update navbar links, settings labels, dark mode text color, and banner toggle hook

This commit is contained in:
DanielS
2026-06-23 23:43:16 +02:00
parent dd2c3859e9
commit a99adb88d6

View File

@@ -62,6 +62,18 @@ export function NavbarClient({ user }: NavbarClientProps) {
}; };
}, [supabase]); }, [supabase]);
useEffect(() => {
const checkBanner = () => {
const disabled = localStorage.getItem('demo_banner_disabled') === 'true';
const banner = document.getElementById('demo-banner');
if (banner) banner.style.display = disabled ? 'none' : 'block';
};
checkBanner();
window.addEventListener('storage_demo_changed', checkBanner);
return () => window.removeEventListener('storage_demo_changed', checkBanner);
}, []);
const handleSignOut = async () => { const handleSignOut = async () => {
await supabase.auth.signOut(); await supabase.auth.signOut();
setCurrentUser(null); setCurrentUser(null);
@@ -119,12 +131,19 @@ export function NavbarClient({ user }: NavbarClientProps) {
<div className="px-3 py-1.5 text-[11px] truncate border-b text-slate-400 border-slate-100 dark:border-white/5 mb-1"> <div className="px-3 py-1.5 text-[11px] truncate border-b text-slate-400 border-slate-100 dark:border-white/5 mb-1">
{currentUser.email} {currentUser.email}
</div> </div>
<Link
href="/account-kunden"
onClick={() => setOpen(false)}
className="block px-3 py-2 text-sm rounded-lg font-medium hover:bg-slate-100 dark:hover:bg-white/5"
>
Account Einstellungen
</Link>
<Link <Link
href="/my-customers" href="/my-customers"
onClick={() => setOpen(false)} onClick={() => setOpen(false)}
className="block px-3 py-2 text-sm rounded-lg font-medium hover:bg-slate-100 dark:hover:bg-white/5" className="block px-3 py-2 text-sm rounded-lg font-medium hover:bg-slate-100 dark:hover:bg-white/5"
> >
Account Kunden Kundenliste
</Link> </Link>
<hr className="my-1 border-slate-100 dark:border-white/5" /> <hr className="my-1 border-slate-100 dark:border-white/5" />
<button <button
@@ -135,6 +154,7 @@ export function NavbarClient({ user }: NavbarClientProps) {
</button> </button>
</div> </div>
)} )}
</div> </div>
) : ( ) : (
<Button asChild className="bg-primary hover:bg-primary/95 text-white dark:text-blue-500"> <Button asChild className="bg-primary hover:bg-primary/95 text-white dark:text-blue-500">