From 2aa3bc463f95126f0265868f5e33a55ba7c1d67d Mon Sep 17 00:00:00 2001
From: Madhura68 <janpetervisser2@gmail.com>
Date: Mon, 4 May 2026 06:53:12 +0200
Subject: [PATCH] fix(nav): product-switch dropdown reageert weer op klik
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Base UI's Menu.Item vuurt geen React-onSelect af bij activatie; alleen
onClick werkt. handleSwitchProduct werd daardoor nooit aangeroepen.
user-menu.tsx en sprint-backlog.tsx gebruiken al onClick — NavBar
miste deze workaround.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 components/shared/nav-bar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/shared/nav-bar.tsx b/components/shared/nav-bar.tsx
index d0e0f6f..7204cf0 100644
--- a/components/shared/nav-bar.tsx
+++ b/components/shared/nav-bar.tsx
@@ -163,7 +163,7 @@ export function NavBar({
               {products.map(p => (
                 <DropdownMenuItem
                   key={p.id}
-                  onSelect={() => p.id !== activeProduct.id && handleSwitchProduct(p.id)}
+                  onClick={() => p.id !== activeProduct.id && handleSwitchProduct(p.id)}
                   className={cn(
                     p.id === activeProduct.id && 'bg-primary-container text-primary-container-foreground font-medium'
                   )}