From a01ea1e471f4fdedd5a1299c78b0181ccab426ac Mon Sep 17 00:00:00 2001
From: Pavindu Lakshan <pavindulakshan@gmail.com>
Date: Wed, 2 Oct 2024 15:11:45 +0530
Subject: [PATCH] chore(react): fix user icon inconsistency in user dropdown

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

diff --git a/packages/react/src/components/UserDropdownMenu/UserDropdownMenu.tsx b/packages/react/src/components/UserDropdownMenu/UserDropdownMenu.tsx
index c73b4672..300c67b0 100644
--- a/packages/react/src/components/UserDropdownMenu/UserDropdownMenu.tsx
+++ b/packages/react/src/components/UserDropdownMenu/UserDropdownMenu.tsx
@@ -193,7 +193,9 @@ const UserDropdownMenu: FC<UserDropdownMenuProps> & WithWrapperProps = (
             onClick={(): void => handleUserProfileNavigation()}
           >
             <ListItemAvatar>
-              <Avatar src={user?.image} alt="User" />
+              <Avatar src={user?.image} alt="User">
+                {user?.name?.split('')[0]}
+              </Avatar>
             </ListItemAvatar>
             <ListItemText primary={user?.name} secondary={user?.email} />
           </ListItem>