Bug: fixed broken image in user logo

[Febin-Joseph]

Hi ,
i have found a Bug after user login using vercel account, the Bug is :

• If the user doesn't have a Profile image and a name in vercel account then it will show a broken image in Header in the part of the users logo like this:
  Before Image :

Fixed image :
Now if the user doesn't have a profile image and name in vercel the default icon will be displayed else if having a profile image and doesn't have a name then only the profile image will be dispalyed as before.

[vercel]

@Febin-Joseph is attempting to deploy a commit to the Uncurated Tests Team on Vercel.

A member of the Team first needs to authorize it.

[shadcn]

I wonder if we can instead use the avatar component with <AvatarFallback /> instead?

<Avatar>
  <AvatarImage src="https://github.com/shadcn.png" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>

[Febin-Joseph]

@shadcn But in the place of CN text in here <AvatarFallback>CN</AvatarFallback> what can be given.

[shadcn]

@Febin-Joseph We can use the user initials. See

ai-chatbot/components/user-menu.tsx

Line 21 in 69ca8fc

function getUserInitials(name: string) {

[Febin-Joseph]

@shadcn The case is if the user doesn't have a profile pic and also doesn't have a user name in their vercel account then only the broken image will be displayed and think if the user have a username in vercel account but doesn't have a profile pic, in that scenario instead of the broken image the user's names two letters will be displayed in the place of profile.

But in this case the user doesn't have a name too. then how can use getUserInitials()