From 68b239a8bb650e0ce13e893ac7d9fd2e38b6dfb8 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 20 Jan 2026 18:08:45 +0000
Subject: [PATCH] fix(user-menu): close menu when clicking relays, blossom, or
 donate

Wrap RelayLink items in DropdownMenuItem with asChild to properly
trigger menu close on click. Convert Support Grimoire section from
a raw div to DropdownMenuItem so it also closes the menu.
---
 src/components/nostr/user-menu.tsx | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/nostr/user-menu.tsx b/src/components/nostr/user-menu.tsx
index 5834675..5b6250b 100644
--- a/src/components/nostr/user-menu.tsx
+++ b/src/components/nostr/user-menu.tsx
@@ -445,15 +445,16 @@ export default function UserMenu() {
                     Relays
                   </DropdownMenuLabel>
                   {relays.map((relay) => (
-                    <RelayLink
-                      className="px-2 py-1"
-                      urlClassname="text-sm"
-                      iconClassname="size-4"
-                      key={relay.url}
-                      url={relay.url}
-                      read={relay.read}
-                      write={relay.write}
-                    />
+                    <DropdownMenuItem key={relay.url} className="p-0" asChild>
+                      <RelayLink
+                        className="px-2 py-1.5 w-full"
+                        urlClassname="text-sm"
+                        iconClassname="size-4"
+                        url={relay.url}
+                        read={relay.read}
+                        write={relay.write}
+                      />
+                    </DropdownMenuItem>
                   ))}
                 </DropdownMenuGroup>
               )}
@@ -512,8 +513,8 @@ export default function UserMenu() {
 
           {/* Support Grimoire */}
           <DropdownMenuSeparator />
-          <div
-            className="px-2 py-2 cursor-crosshair hover:bg-accent/50 transition-colors"
+          <DropdownMenuItem
+            className="cursor-crosshair flex-col items-stretch p-2"
             onClick={openDonate}
           >
             <div className="flex items-center gap-2 mb-3">
@@ -533,7 +534,7 @@ export default function UserMenu() {
                 {goalProgress.toFixed(0)}%
               </span>
             </div>
-          </div>
+          </DropdownMenuItem>
 
           {/* Logout at bottom for logged in users */}
           {account && (