dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix username initials

Browse source
This commit is contained in:
Shu Ding 2023-06-16 21:43:02 +02:00
parent 65189685d3
commit 477dc20222
No known key found for this signature in database
GPG key ID: C39970877C25D6DD
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/user-menu.tsx
View file

@ -18,6 +18,11 @@ export interface UserMenuProps {
user: Session['user'] user: Session['user']
} }
function getUserInitials(name: string) {
const [firstName, lastName] = name.split(' ')
return lastName ? `${firstName[0]}${lastName[0]}` : firstName.slice(0, 2)
}
export function UserMenu({ user }: UserMenuProps) { export function UserMenu({ user }: UserMenuProps) {
return ( return (
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
@ -32,7 +37,7 @@ export function UserMenu({ user }: UserMenuProps) {
/> />
) : ( ) : (
<div className="flex h-7 w-7 shrink-0 select-none items-center justify-center rounded-full bg-muted/50 text-xs font-medium uppercase text-muted-foreground"> <div className="flex h-7 w-7 shrink-0 select-none items-center justify-center rounded-full bg-muted/50 text-xs font-medium uppercase text-muted-foreground">
{user?.name ? user?.name.slice(0, 2) : null} {user?.name ? getUserInitials(user?.name) : null}
</div> </div>
)} )}
<span className="ml-2">{user?.name}</span> <span className="ml-2">{user?.name}</span>