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