rodolfo_ruiz/fendi-react-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: align the user name and icons to the right

Browse Source
This commit is contained in:
Rodolfo Ruiz
2025-08-21 20:14:19 -06:00
parent cfdad88682
commit 6b493265b2
1 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/AppHeader.jsx
View File

@@ -57,25 +57,24 @@ export default function AppHeader({ zone = 'public', onSelectMenuItem }) {
</Typography> </Typography>
</Box> </Box>
{/* MIDDLE: Icon Buttons */} <Box sx={{ display: 'flex', alignItems: 'center', gap: '10px', ml: 'auto' }}>
<Box sx={{ display: 'flex', alignItems: 'center' }}> <IconButton>
<IconButton sx={{ mx: 1 }}>
<img src="/refresh.png" alt="Reload" width={24} height={24} /> <img src="/refresh.png" alt="Reload" width={24} height={24} />
</IconButton> </IconButton>
<IconButton sx={{ mx: 1 }}> <IconButton>
<img src="/alert.png" alt="Notifications" width={24} height={24} /> <img src="/alert.png" alt="Notifications" width={24} height={24} />
</IconButton> </IconButton>
</Box>
{/* RIGHT SIDE: User Info */}
{user && ( {user && (
<Box display="flex" alignItems="center" gap={1}> <Box display="flex" alignItems="center" gap={1}>
<Avatar alt={user.name} src={user.picture} /> <Avatar alt={user.name} src={user.picture} />
<Typography variant="body1" color='#40120EFF'>{user.name}</Typography> <Typography variant="body1" color="#40120EFF">
{user.name}
</Typography>
</Box> </Box>
)} )}
</Box>
{/* Drawer (kept here for logic; reports expanded/collapsed to header) */}
<MenuDrawer <MenuDrawer
zone="private" zone="private"
onSelect={handleMenuSelect} onSelect={handleMenuSelect}