saulteafarmer/mkstack
1
0
Fork 0
mirror of https://gitlab.com/soapbox-pub/mkstack.git synced 2025-08-27 13:09:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve AccountSwitcher without kind 0

Browse Source
This commit is contained in:
Alex Gleason 2025-05-16 14:09:28 -05:00
parent ebc399776d
commit 73e7e818b2
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/auth/AccountSwitcher.tsx
View File

@ -1,8 +1,7 @@
// NOTE: This file is stable and usually should not be modified.
// It is important that all functionality in this file is preserved, and should only be modified if explicitly requested.
import React from 'react';
import { ChevronDown, LogOut, UserPlus } from 'lucide-react';
import { ChevronDown, LogOut, UserIcon, UserPlus } from 'lucide-react';
import {
DropdownMenu,
DropdownMenuContent,
@ -28,10 +27,10 @@ export function AccountSwitcher({ onAddAccountClick }: AccountSwitcherProps) {
<button className='flex items-center gap-3 p-3 rounded-full hover:bg-accent transition-all w-full text-foreground'>
<Avatar className='w-10 h-10'>
<AvatarImage src={currentUser.metadata.picture} alt={currentUser.metadata.name} />
<AvatarFallback>{currentUser.metadata.name?.charAt(0)}</AvatarFallback>
<AvatarFallback>{currentUser.metadata.name?.charAt(0) || <UserIcon />}</AvatarFallback>
</Avatar>
<div className='flex-1 text-left hidden md:block'>
<p className='font-medium text-sm'>{currentUser.metadata.name}</p>
<div className='flex-1 text-left hidden md:block truncate'>
<p className='font-medium text-sm'>{currentUser.metadata.name || currentUser.pubkey}</p>
</div>
<ChevronDown className='w-4 h-4 text-muted-foreground' />
</button>
@ -46,10 +45,10 @@ export function AccountSwitcher({ onAddAccountClick }: AccountSwitcherProps) {
>
<Avatar className='w-8 h-8'>
<AvatarImage src={user.metadata.picture} alt={user.metadata.name} />
<AvatarFallback>{user.metadata.name?.charAt(0)}</AvatarFallback>
<AvatarFallback>{user.metadata.name?.charAt(0) || <UserIcon />}</AvatarFallback>
</Avatar>
<div className='flex-1'>
<p className='text-sm font-medium'>{user.metadata.name}</p>
<div className='flex-1 truncate'>
<p className='text-sm font-medium'>{user.metadata.name || user.pubkey}</p>
</div>
{user.id === currentUser.id && <div className='w-2 h-2 rounded-full bg-primary'></div>}
</DropdownMenuItem>