LMSN-212

Client/User dapat melihat Claim Report di client portal

frontend/client-portal/src/pages/EmployeeData/UserProfile.tsx

@@ -17,12 +17,13 @@ import ButtonBack from '../../components/ButtonBack';
 import { useEffect, useState, useContext } from 'react';
 import axios from '../../utils/axios';
 import { UserCurrentCorporateContext } from '../../contexts/UserCurrentCorporate';
+import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';
 
 // ----------------------------------------------------------------------
 
 export default function UserProfile() {
   const { themeStretch } = useSettings();
-  // const navigate = useNavigate();
+  const navigate = useNavigate();
   const [data, setData] = useState();
 
   const { corporateValue } = useContext(UserCurrentCorporateContext);
@@ -44,13 +45,14 @@ export default function UserProfile() {
   return (
     <Page title="Profile">
       <Container maxWidth={themeStretch ? false : 'xl'}>
-        <Stack direction="row" alignItems="center" sx={{ marginBottom: 2 }}>
+        <Stack direction="row" alignItems="center" sx={{ marginBottom: 3 }}>
           {/* <IconButton sx={{ marginRight: '10px', color: '#424242' }} onClick={() => navigate()}>
             <Iconify icon="heroicons-outline:arrow-narrow-left" />
           </IconButton> */}
-          <ButtonBack />
-          <Typography variant="h5">Profile</Typography>
+          <ArrowBackIosIcon sx={{cursor:'pointer'}} onClick={() => navigate(-1)}/>
+          <Typography variant="h5" sx={{marginLeft:2}}>Profile</Typography>
         </Stack>
+        {data ? (
         <Grid container spacing={2}>
           {/* Row 1 */}
           <Grid item xs={12} md={12}>
@@ -60,6 +62,7 @@ export default function UserProfile() {
             <CardFamilyInformation data={data} />
           </Grid>
         </Grid>
+        ) : ''}
       </Container>
     </Page>
   );