tbfajri/aso
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

rubah tampilan menu profile

Browse Source
This commit is contained in:
pajri
2022-12-29 11:52:09 +07:00
parent 40ad4a22c7
commit 0fdad5a6c2
1 changed files with 94 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
frontend/dashboard/src/pages/Profile/Index.tsx
View File

@@ -226,93 +226,102 @@ export default function List() {
</Card> </Card>
</Box> </Box>
<Stack spacing={3}> <Stack spacing={3}>
<Card sx={{ p: 3 }}> <Grid container spacing={3}>
<Grid sx={{ mt: 5, ml: 5, mb: 2 }}> <Grid item xs={12} md={6}>
<Box <Box sx={{ p: 3 }}>
sx={{ <Grid sx={{ mt: 5, ml: 5, mb: 2 }}>
display: 'flex', <Box
pb: 2, sx={{
borderBottom: '5px solid', display: 'flex',
}} pb: 2,
> borderBottom: '5px solid',
<Stack spacing={2} justifyContent="center" alignItems="center" direction="row">
<AccountBoxIcon />
<Typography variant="h4" sx={{ ml: 1 }}>
Profil
</Typography>
</Stack>
</Box>
</Grid>
<Box sx={{ p: 5 }}>
<Grid>
<Grid item xs={12} md={12}>
<LabelStyle>
<PersonIcon /> ID
</LabelStyle>
<Title>{user?.id ? user?.id : '-'}</Title>
</Grid>
<Grid item xs={12} md={12}>
<LabelStyle>
<BadgeIcon /> Nama
</LabelStyle>
<Title>Perdi</Title>
</Grid>
<Grid item xs={12} md={12}>
<LabelStyle>
<CallIcon /> Telepon
</LabelStyle>
<Title>2131231231</Title>
</Grid>
<Grid item xs={12} md={12}>
<LabelStyle>
<MailIcon /> Email
</LabelStyle>
<Title>{user?.email ? user?.email : '-'}</Title>
</Grid>
</Grid>
</Box>
</Card>
<Card sx={{ p: 3 }}>
<Grid sx={{ mt: 5, ml: 5, mb: 2 }}>
<Box
sx={{
display: 'flex',
pb: 2,
borderBottom: '5px solid',
}}
>
<Stack spacing={2} justifyContent="center" alignItems="center" direction="row">
<LockIcon />
<Typography variant="h4" sx={{ ml: 1 }}>
Keamanan
</Typography>
</Stack>
</Box>
</Grid>
<Box sx={{ p: 5 }}>
<Grid item xs={12} md={12}>
<div style={{ display: 'flex', justifyContent: 'Center' }}>
<Button
variant="contained"
sx={ButtonStyle}
startIcon={<KeyIcon />}
onClick={() => {
clickHandler('edit');
setEdit(user.id);
}} }}
> >
Ubah Kata Sandi <Stack spacing={2} justifyContent="center" alignItems="center" direction="row">
</Button> <AccountBoxIcon />
</div> <Typography variant="h4" sx={{ ml: 1 }}>
</Grid> Profil
</Box> </Typography>
</Card> </Stack>
<div style={{ display: 'flex', justifyContent: 'Center', color: '#CB3A31' }}> </Box>
<MenuItem sx={{ m: 5 }} onClick={handleLogout}> </Grid>
<LogoutTwoToneIcon /> Logout <Box sx={{ p: 5 }}>
</MenuItem> <Grid container spacing={3}>
</div> <Grid item xs={12} md={6}>
<Grid item xs={12} md={12}>
<LabelStyle>
<PersonIcon /> ID
</LabelStyle>
<Title>{user?.id ? user?.id : '-'}</Title>
</Grid>
<Grid item xs={12} md={12}>
<LabelStyle>
<BadgeIcon /> Nama
</LabelStyle>
<Title>Perdi</Title>
</Grid>
</Grid>
<Grid item xs={12} md={6}>
<Grid item xs={12} md={12}>
<LabelStyle>
<CallIcon /> Telepon
</LabelStyle>
<Title>2131231231</Title>
</Grid>
<Grid item xs={12} md={12}>
<LabelStyle>
<MailIcon /> Email
</LabelStyle>
<Title>{user?.email ? user?.email : '-'}</Title>
</Grid>
</Grid>
</Grid>
</Box>
</Box>
</Grid>
<Grid item xs={12} md={6}>
<Box sx={{ p: 3 }}>
<Grid sx={{ mt: 5, ml: 5, mb: 2 }}>
<Box
sx={{
display: 'flex',
pb: 2,
borderBottom: '5px solid',
}}
>
<Stack spacing={2} justifyContent="center" alignItems="center" direction="row">
<LockIcon />
<Typography variant="h4" sx={{ ml: 1 }}>
Keamanan
</Typography>
</Stack>
</Box>
</Grid>
<Box sx={{ p: 5 }}>
<Grid item xs={12} md={12}>
<div style={{ display: 'flex', justifyContent: 'Center' }}>
<Button
variant="contained"
sx={ButtonStyle}
startIcon={<KeyIcon />}
onClick={() => {
clickHandler('edit');
setEdit(user.id);
}}
>
Ubah Kata Sandi
</Button>
</div>
</Grid>
</Box>
</Box>
<Box sx={{ p: 3 }} style={{ display: 'flex', justifyContent: 'center' }}>
<Button onClick={handleLogout} variant="outlined" color="error">
<LogoutTwoToneIcon /> Logout
</Button>
</Box>
</Grid>
</Grid>
{/* </Box> {/* </Box>
</React.Fragment> */} </React.Fragment> */}
</Stack> </Stack>