From f460f20f91504deb6b2a0d00caea7aecc14b723f Mon Sep 17 00:00:00 2001
From: piyumaldk <piyumaldk@gmail.com>
Date: Fri, 4 Oct 2024 14:46:25 +0530
Subject: [PATCH] feat(react): add pastel color as bg to Header Avatar where
 image is not provided

---
 packages/react/src/components/Header/Header.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/Header/Header.tsx b/packages/react/src/components/Header/Header.tsx
index 31257bc9..33b90f01 100644
--- 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>
               ),