S-VPN/panel-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 fix(user-nav): Update user avatar and label to display telephone if email is not available

Browse Source
This commit is contained in:
web@ppanel 2025-01-15 21:46:30 +07:00
parent 57eaa5532d
commit 7b6bb7bc69
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/user/components/user-nav.tsx
View File

@ -31,7 +31,7 @@ export function UserNav() {
<Avatar className='size-8'> <Avatar className='size-8'>
<AvatarImage alt={user?.avatar ?? ''} src={user?.avatar ?? ''} /> <AvatarImage alt={user?.avatar ?? ''} src={user?.avatar ?? ''} />
<AvatarFallback className='rounded-none bg-transparent'> <AvatarFallback className='rounded-none bg-transparent'>
{user?.email?.[0]?.toUpperCase()} {user?.email?.[0]?.toUpperCase() || user?.telephone?.[0]?.toUpperCase()}
</AvatarFallback> </AvatarFallback>
</Avatar> </Avatar>
</Button> </Button>
@ -40,7 +40,7 @@ export function UserNav() {
<DropdownMenuLabel className='font-normal'> <DropdownMenuLabel className='font-normal'>
<div className='flex flex-col space-y-1'> <div className='flex flex-col space-y-1'>
<p className='text-muted-foreground text-xs leading-none'>ID: {user?.id}</p> <p className='text-muted-foreground text-xs leading-none'>ID: {user?.id}</p>
<p className='text-sm font-medium leading-none'>{user?.email}</p> <p className='text-sm font-medium leading-none'>{user?.telephone || user?.email}</p>
</div> </div>
</DropdownMenuLabel> </DropdownMenuLabel>
<DropdownMenuSeparator /> <DropdownMenuSeparator />