janpeter/Scrum4Me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ST-507): wrap UserMenu role label in DropdownMenuGroup to satisfy base-ui

Browse source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Janpeter Visser 2026-04-26 19:40:06 +02:00
parent 0dc907b75c
commit 338a5edf11
1 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/shared/user-menu.tsx
View file

@ -8,6 +8,7 @@ import { Badge } from '@/components/ui/badge'
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuGroup,
DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuSeparator,
@ -63,12 +64,14 @@ export function UserMenu({ userId, username, email, roles }: UserMenuProps) {
{roleLabels.length > 0 && (
<>
<DropdownMenuSeparator />
<DropdownMenuLabel className="text-xs uppercase tracking-wide text-muted-foreground">
Rollen
</DropdownMenuLabel>
<div className="px-2 pb-2 text-sm text-foreground">
{roleLabels.join(', ')}
</div>
<DropdownMenuGroup>
<DropdownMenuLabel className="text-xs uppercase tracking-wide text-muted-foreground">
Rollen
</DropdownMenuLabel>
<div className="px-2 pb-2 text-sm text-foreground">
{roleLabels.join(', ')}
</div>
</DropdownMenuGroup>
</>
)}