35 lines
1.3 KiB
JavaScript
35 lines
1.3 KiB
JavaScript
"use client";
|
|
|
|
import { Avatar, Box, Chip, Divider, Stack, Typography } from "@mui/material";
|
|
|
|
const ProfileInfo = () => {
|
|
return (
|
|
<>
|
|
<Box sx={{ display: "flex", alignItems: "center", my: 0.5 }}>
|
|
<Avatar
|
|
alt="User Image"
|
|
src=""
|
|
sx={{ width: 56, height: 56 }}
|
|
/>
|
|
<Stack sx={{ ml: 1 }}>
|
|
<Box sx={{ display: "flex", alignItems: "end", gap: 0.7 }}>
|
|
<Typography variant="h6">حسن محمد زاده عبدالله</Typography>
|
|
</Box>
|
|
<Typography variant="caption">.: اداره کل ستاد :.</Typography>
|
|
</Stack>
|
|
</Box>
|
|
<Box sx={{ display: "flex", alignItems: "center", my: 0.5 }}>
|
|
<Typography variant="button" color="#757575">آخرین ورود</Typography>
|
|
<Divider sx={{ mx: 2, flexGrow: 1 }} />
|
|
<Typography variant="subtitle2" color="#757575">1 ساعت پیش</Typography>
|
|
</Box>
|
|
<Box sx={{ my: 0.5 }}>
|
|
<Divider>
|
|
<Chip size="small" label="userName" color="success" variant="outlined" />
|
|
</Divider>
|
|
</Box>
|
|
</>
|
|
);
|
|
};
|
|
export default ProfileInfo;
|