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

---
 .../src/components/UserDropdownMenu/UserDropdownMenu.tsx   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/components/UserDropdownMenu/UserDropdownMenu.tsx b/packages/react/src/components/UserDropdownMenu/UserDropdownMenu.tsx
index 300c67b0..ad15e6dd 100644
--- 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>