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']
}
function getUserInitials(name: string) {
const [firstName, lastName] = name.split(' ')
return lastName ? `${firstName[0]}${lastName[0]}` : firstName.slice(0, 2)
}
export function UserMenu({ user }: UserMenuProps) {
return (
<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">
{user?.name ? user?.name.slice(0, 2) : null}
{user?.name ? getUserInitials(user?.name) : null}
</div>
)}
<span className="ml-2">{user?.name}</span>