feat(react): add pastel color as bg to Header Avatar where image is n…

…ot provided
wso2 · Oct 4, 2024 · f460f20 · f460f20
1 parent 0b8db8e
commit f460f20
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/react/src/components/Header/Header.tsx b/packages/react/src/components/Header/Header.tsx
@@ -220,7 +220,13 @@ const Header: FC<HeaderProps> & WithWrapperProps = (props: HeaderProps): ReactEl
               color: 'inherit',
               endIcon: <ChevronDownIcon />,
               startIcon: (
-                <Avatar className="image" alt="User Image" src={user?.image}>
+                <Avatar
+                  className="image"
+                  alt="User Image"
+                  src={user?.image}
+                  randomBackgroundColor={!user?.image}
+                  backgroundColorRandomizer={user?.name}
+                >
                   {user?.name?.split('')[0]}
                 </Avatar>
               ),