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

Add pastel color as bg to Header Avatar where image is not provided
wso2 · Oct 4, 2024 · 0f07b16 · 0f07b16
2 parents 0b8db8e + f460f20
commit 0f07b16
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>
               ),