feat: update navbar links, settings labels, dark mode text color, and banner toggle hook
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user