Merge pull request #269 from piyumaldk/pastel-on-header-avatar

Add pastel color as bg to Header's DropDown Avatar where image is not provided
wso2 · Oct 5, 2024 · a036cc5 · a036cc5
2 parents b35cb4f + 6110d7b
commit a036cc5
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>