feat(react): add pastel color as bg to Header's Dropdown Avatar where…

… image is not provided
wso2 · Oct 4, 2024 · 6110d7b · 6110d7b
1 parent f460f20
commit 6110d7b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/react/src/components/UserDropdownMenu/UserDropdownMenu.tsx b/packages/react/src/components/UserDropdownMenu/UserDropdownMenu.tsx
@@ -193,7 +193,12 @@ const UserDropdownMenu: FC<UserDropdownMenuProps> & WithWrapperProps = (
             onClick={(): void => handleUserProfileNavigation()}
           >
             <ListItemAvatar>
-              <Avatar src={user?.image} alt="User">
+              <Avatar
+                src={user?.image}
+                alt="User"
+                randomBackgroundColor={!user?.image}
+                backgroundColorRandomizer={user?.name}
+              >
                 {user?.name?.split('')[0]}
               </Avatar>
             </ListItemAvatar>