update data di service monitoring, dan alarm center benefit summary

frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx

@@ -21,8 +21,7 @@ import { useState, SyntheticEvent, useContext, useEffect } from 'react';
 import { UserCurrentCorporateContext } from '../../contexts/UserCurrentCorporate';
 import { useNavigate, useParams } from 'react-router-dom';
 import axios from '../../utils/axios';
-
-
+import { fDate } from '../../utils/formatTime';
 
 // sections
 // import ListTable from '../../sections/claimreports/ListTable';
@@ -107,69 +106,70 @@ const StyledTab = styled((props: StyledTabProps) => <Tab disableRipple {...props
   })
 );
 
-
-
 export default function ServiceMonitoring() {
   const { themeStretch } = useSettings();
   const navigate = useNavigate();
 
-
   const [value, setValue] = useState(0);
   const handleChange = (event: SyntheticEvent, newValue: number) => {
     setValue(newValue);
-
   };
 
   const [data, setData] = useState({});
-  const [data1, setData1] = useState();
-  
-  
+  const [corporate, setCorporate] = useState();
 
-  const {corporateValue} = useContext(UserCurrentCorporateContext);
-  const {id} = useParams();
-  const claimId = '2'
-  console.log('id',id);
+  const { corporateValue } = useContext(UserCurrentCorporateContext);
+  const { id } = useParams();
+  const claimId = '2';
+  console.log('id', id);
 
-  useEffect (() => {
-
-    console.log('fetching data...')
-    axios.get('/data/'+id )
-      .then(response => {
-        console.log('data fetched...', response.data)
+  useEffect(() => {
+    console.log('fetching data...');
+    axios
+      .get('/data/' + id)
+      .then((response) => {
+        console.log('data fetched...', response.data);
         setData(response.data);
-        
       })
-      .catch(error => {
+      .catch((error) => {
         console.error('error fetching data...', error);
       });
+
+    axios
+      .get('/corporate-manage/' + corporateValue)
+      .then((response) => {
+        console.log('corporate fetched...', response.data);
+        setCorporate(response.data);
+      })
+      .catch((error) => {
+        console.error('error fetching corporate...', error);
+      });
   }, []);
 
-  console.log('Data:' , data);
-
+  console.log('Data:', data);
   const [encounterData, setEncounterData] = useState({});
 
   useEffect(() => {
     console.log('fetching encounter data...');
-    axios.get('/claims/${claim_id}/encounters')
-      .then(response => {
+    axios
+      .get('/claims/${claim_id}/encounters')
+      .then((response) => {
         console.log('encounter data fetched...', response.data);
         setEncounterData(response.data);
       })
-      .catch(error => {
+      .catch((error) => {
         console.error('error fetching encounter data...', error);
       });
   }, []);
- 
-
 
   return (
     <Page title="Service Monitoring 123456">
       <Container maxWidth={themeStretch ? false : 'xl'}>
         <Stack direction="row" alignItems="center" sx={{ marginBottom: 2 }}>
-          <IconButton onClick={() => 
-          navigate('/alarm-center')
-        }
-             sx={{ marginRight: '10px', color: '#424242' }}>
+          <IconButton
+            onClick={() => navigate('/alarm-center')}
+            sx={{ marginRight: '10px', color: '#424242' }}
+          >
             <Iconify icon="heroicons-outline:arrow-narrow-left" />
           </IconButton>
           <Typography variant="h5">Service Monitoring</Typography>
@@ -206,23 +206,25 @@ export default function ServiceMonitoring() {
                   <Stack spacing={2}>
                     <Stack>
                       <Typography variant="caption">Nama perusahaan</Typography>
-                      <Typography variant="body2">{corporateValue}</Typography>
+                      <Typography variant="body2">{corporate?.name}</Typography>
                     </Stack>
                     <Stack>
-                <Typography variant="caption">Nama Lengkap</Typography>
-                <Typography variant="body2">{data.name || 'Loading...'}</Typography>
-              </Stack>
+                      <Typography variant="caption">Nama Lengkap</Typography>
+                      <Typography variant="body2">{data?.name || 'Loading...'}</Typography>
+                    </Stack>
                     <Stack>
                       <Typography variant="caption">Tanggal lahir</Typography>
-                      <Typography variant="body2">{data.birth_date}</Typography>
+                      <Typography variant="body2">
+                        {data?.birth_date ? fDate(data?.birth_date) : ''}
+                      </Typography>
                     </Stack>
                     <Stack>
                       <Typography variant="caption">Email</Typography>
-                      <Typography variant="body2">{data.email}</Typography>
+                      <Typography variant="body2">{data?.email}</Typography>
                     </Stack>
                     <Stack>
                       <Typography variant="caption">No telepon</Typography>
-                      <Typography variant="body2">{data.phone}</Typography>
+                      <Typography variant="body2">{data?.phone}</Typography>
                     </Stack>
                   </Stack>
                   <Stack>

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

@@ -18,7 +18,6 @@ import { useEffect, useState, useContext } from 'react';
 import axios from '../../utils/axios';
 import { UserCurrentCorporateContext } from '../../contexts/UserCurrentCorporate';
 
-
 // ----------------------------------------------------------------------
 
 export default function UserProfile() {
@@ -27,23 +26,21 @@ export default function UserProfile() {
   const [data, setData] = useState();
   const [data1, setData1] = useState();
 
-  
+  const { corporateValue } = useContext(UserCurrentCorporateContext);
+  const { id } = useParams();
 
-  const {corporateValue} = useContext(UserCurrentCorporateContext);
-  const {id} = useParams();
-
-  useEffect (() => {
-    axios.get('/data/'+id )
-      .then(response => {
+  useEffect(() => {
+    axios
+      .get(corporateValue + '/members/' + id)
+      .then((response) => {
         setData(response.data);
-        
       })
-      .catch(error => {
+      .catch((error) => {
         console.error(error);
       });
   }, []);
 
-  console.log('data', data) 
+  console.log('data', data);
 
   return (
     <Page title="Profile Peserta Jessica Lie">
@@ -52,7 +49,7 @@ export default function UserProfile() {
           {/* <IconButton sx={{ marginRight: '10px', color: '#424242' }} onClick={() => navigate()}>
             <Iconify icon="heroicons-outline:arrow-narrow-left" />
           </IconButton> */}
-          <ButtonBack/>
+          <ButtonBack />
           <Typography variant="h5">Profil Peserta</Typography>
         </Stack>
         <Grid container spacing={2}>
@@ -74,7 +71,7 @@ export default function UserProfile() {
             <Grid container spacing={2}>
               {/* Item 1 */}
               <Grid item xs={12}>
-                <CardPolicyNumber />
+                <CardPolicyNumber data={data} />
               </Grid>
               {/* Item 2 */}
               <Grid item xs={12}>

frontend/client-portal/src/pages/Dashboard/Index.tsx

@@ -278,7 +278,7 @@ export default function Index() {
         params: { ...parameters },
       });
 
-      console.log('member',corporateMembers );
+      console.log('member', corporateMembers);
       const corporateTopUpLimit = await axios.get(`${corporateValue}/topup`);
 
       setSearchParams(parameters);