Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make avatar dropdown more obvious

Browse Source
This commit is contained in:
Abi Raja 2024-07-11 15:35:10 -04:00
parent b80f0ec7bf
commit ba277121db
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/hosted/AvatarDropdown.tsx
View File

@ -68,10 +68,13 @@ export default function AvatarDropdown() {
<>
<DropdownMenu open={isOpen} onOpenChange={open}>
<DropdownMenuTrigger asChild>
<Avatar className="w-8 h-8 cursor-pointer">
<AvatarImage src={user?.imageUrl} alt="Profile image" />
<AvatarFallback>{user?.firstName}</AvatarFallback>
</Avatar>
<div className="flex items-center space-x-2 cursor-pointer">
<span className="text-sm">Your account</span>
<Avatar className="w-8 h-8">
<AvatarImage src={user?.imageUrl} alt="Profile image" />
<AvatarFallback>{user?.firstName}</AvatarFallback>
</Avatar>
</div>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-56" align="end">
{/* Free users */}