Daniel/webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
DanielS
2026-06-23 23:43:16 +02:00
parent dd2c3859e9
commit a99adb88d6
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
shop/components/NavbarClient.tsx
View File

@@ -62,6 +62,18 @@ export function NavbarClient({ user }: NavbarClientProps) {
};
}, [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 () => {
await supabase.auth.signOut();
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">
{currentUser.email}
</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
href="/my-customers"
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 Kunden
Kundenliste
</Link>
<hr className="my-1 border-slate-100 dark:border-white/5" />
<button
@@ -135,6 +154,7 @@ export function NavbarClient({ user }: NavbarClientProps) {
</button>
</div>
)}
</div>
) : (
<Button asChild className="bg-primary hover:bg-primary/95 text-white dark:text-blue-500">