Merge pull request #179 from savindi7/chore-add-text-transform-style

chore(react): update text style of Avatar in Header
wso2 · Oct 27, 2023 · 580f361 · 580f361
2 parents a00f845 + 3f716c6
commit 580f361
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/react/src/components/Header/Header.tsx b/packages/react/src/components/Header/Header.tsx
@@ -221,7 +221,7 @@ const Header: FC<HeaderProps> & WithWrapperProps = (props: HeaderProps): ReactEl
               endIcon: <ChevronDownIcon />,
               startIcon: (
                 <Avatar className="image" alt="User Image" src={user?.image}>
-                  {user?.name?.split('')[0].toLocaleUpperCase()}
+                  {user?.name?.split('')[0]}
                 </Avatar>
               ),
               ...userDropdownMenuProps.triggerOptions,

diff --git a/packages/react/src/components/Header/header.scss b/packages/react/src/components/Header/header.scss
@@ -91,6 +91,7 @@
     .image {
       width: 2.2rem;
       height: 2.2rem;
+      text-transform: capitalize;
     }
   }