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.
This commit is contained in:
Claude
2026-01-20 18:08:45 +00:00
parent 037df524cc
commit 68b239a8bb

View File

@@ -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 && (