indigo
/
ToyShare
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

only show login name in dropdown menu, not beside the login button

This commit is contained in:
Indigo Tang 2025-07-06 12:55:11 +00:00
parent c7900221c3
commit f5706b7487
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/layout/Header.tsx
View File

@ -102,13 +102,22 @@ export default function Header() {
{isMounted && isAuthenticated ? (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="ghost" size="sm" className="px-2 sm:px-3 capitalize">
<UserCircle2 className="mr-2 h-4 w-4" />
{userEmail?.split('@')[0]}
<Button variant="ghost" size="icon" className="h-9 w-9 md:h-10 md:w-10">
<UserCircle2 className="h-5 w-5" />
<span className="sr-only">Open user menu</span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuLabel className="truncate">{userEmail}</DropdownMenuLabel>
<DropdownMenuLabel className="font-normal">
<div className="flex flex-col space-y-1">
<p className="text-sm font-medium leading-none capitalize">
{userEmail?.split('@')[0]}
</p>
<p className="text-xs leading-none text-muted-foreground">
{userEmail}
</p>
</div>
</DropdownMenuLabel>
<DropdownMenuSeparator />
<DropdownMenuItem asChild>
<Link href={`/${locale}/dashboard`}>