[BUG] - avatar icon not shown in User component

[wingkwong]

NextUI Version

2.4.2

Describe the bug

In User component, we can pass icon to avatarProps. However, there is name defined in User, this will pass to Avatar causing to show the initial instead of icon.

Need to double check why we pass name to Avatar instead of not taking from avatarProps.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

<User
    avatarProps={{
        radius: "full",
        size: "sm",
        icon: <AvatarIcon />,
        classNames: {
            base: "bg-gradient-to-br from-[#FFB457] to-[#FF705B]",
            icon: "text-black/80",
        }
    }}
    name="test"
/>

Expected behavior

If name doesn't pass to avatarProps, initial shouldn't be shown.

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-1075 [BUG] - avatar icon not shown in User component

[wingkwong]

Here's a workaround:

avatarProps: {
  radius: "full",
  size: "sm",
  icon: <AvatarIcon />,
  classNames: {
    base: "bg-gradient-to-br from-[#FFB457] to-[#FF705B]",
    icon: "text-black/80",
  },
  name: undefined,
}

[oebh2408]

Here's a workaround:

avatarProps: {
  radius: "full",
  size: "sm",
  icon: <AvatarIcon />,
  classNames: {
    base: "bg-gradient-to-br from-[#FFB457] to-[#FF705B]",
    icon: "text-black/80",
  },
  name: undefined,
}

Thank you for the workaround!