From 3131c54c39ee2912c89aaeb0a33aa047bc4347d5 Mon Sep 17 00:00:00 2001
From: "cyril.tsui" <cyril.tsui@2fi-solutions.com.hk>
Date: Mon, 11 Aug 2025 19:27:43 +0800
Subject: [PATCH] update

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

diff --git a/src/components/AppBar/AppBar.tsx b/src/components/AppBar/AppBar.tsx
index a38d2bd..d2256f6 100644
--- a/src/components/AppBar/AppBar.tsx
+++ b/src/components/AppBar/AppBar.tsx
@@ -5,6 +5,7 @@ import Profile from "./Profile";
 import Box from "@mui/material/Box";
 import NavigationToggle from "./NavigationToggle";
 import { I18nProvider } from "@/i18n";
+import { Divider, Typography } from "@mui/material";
 
 export interface AppBarProps {
   avatarImageSrc?: string;
@@ -18,12 +19,15 @@ const AppBar: React.FC<AppBarProps> = ({ avatarImageSrc, profileName }) => {
         <Toolbar>
           <NavigationToggle />
           <Box
-            sx={{ flexGrow: 1, display: "flex", justifyContent: "flex-end" }}
+            sx={{ flexGrow: 1, display: "flex", justifyContent: "flex-end", flexDirection: "column", alignItems: "flex-end" }}
           >
             <Profile
               avatarImageSrc={avatarImageSrc}
               profileName={profileName}
             />
+            <Typography sx={{ mx: "1rem" }} fontWeight="bold">
+              {profileName}
+            </Typography>
           </Box>
         </Toolbar>
       </MUIAppBar>