1 changed files with 5 additions and 1 deletions
Unified View
Diff Options
+ 5
- 1
src/components/AppBar/AppBar.tsx
View File
| @@ -5,6 +5,7 @@ import Profile from "./Profile"; | |||||
| import Box from "@mui/material/Box"; | import Box from "@mui/material/Box"; | ||||
| import NavigationToggle from "./NavigationToggle"; | import NavigationToggle from "./NavigationToggle"; | ||||
| import { I18nProvider } from "@/i18n"; | import { I18nProvider } from "@/i18n"; | ||||
| import { Divider, Typography } from "@mui/material"; | |||||
| export interface AppBarProps { | export interface AppBarProps { | ||||
| avatarImageSrc?: string; | avatarImageSrc?: string; | ||||
| @@ -18,12 +19,15 @@ const AppBar: React.FC<AppBarProps> = ({ avatarImageSrc, profileName }) => { | |||||
| <Toolbar> | <Toolbar> | ||||
| <NavigationToggle /> | <NavigationToggle /> | ||||
| <Box | <Box | ||||
| sx={{ flexGrow: 1, display: "flex", justifyContent: "flex-end" }} | |||||
| sx={{ flexGrow: 1, display: "flex", justifyContent: "flex-end", flexDirection: "column", alignItems: "flex-end" }} | |||||
| > | > | ||||
| <Profile | <Profile | ||||
| avatarImageSrc={avatarImageSrc} | avatarImageSrc={avatarImageSrc} | ||||
| profileName={profileName} | profileName={profileName} | ||||
| /> | /> | ||||
| <Typography sx={{ mx: "1rem" }} fontWeight="bold"> | |||||
| {profileName} | |||||
| </Typography> | |||||
| </Box> | </Box> | ||||
| </Toolbar> | </Toolbar> | ||||
| </MUIAppBar> | </MUIAppBar> | ||||