From a99adb88d68f9a07e52d7ea1954b972cf836834a Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Tue, 23 Jun 2026 23:43:16 +0200
Subject: [PATCH] feat: update navbar links, settings labels, dark mode text
 color, and banner toggle hook

---
 shop/components/NavbarClient.tsx | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/shop/components/NavbarClient.tsx b/shop/components/NavbarClient.tsx
index 1b42b9a..e2ce60e 100644
--- a/shop/components/NavbarClient.tsx
+++ b/shop/components/NavbarClient.tsx
@@ -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">