update banyak

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

@@ -107,9 +107,9 @@ export default function Drugs() {
             <Card>
               <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
                 <StyledTabs value={value} onChange={handleChange} aria-label="basic tabs example">
-                  <StyledTab label="All Data (999)" {...a11yProps(0)} />
-                  <StyledTab label="Ongoing (888)" {...a11yProps(1)} />
-                  <StyledTab label="Done (777)" {...a11yProps(2)} />
+                  <StyledTab label="All Data" {...a11yProps(0)} />
+                  <StyledTab label="Ongoing" {...a11yProps(1)} />
+                  <StyledTab label="Done" {...a11yProps(2)} />
                 </StyledTabs>
               </Box>
               <TabPanel value={value} index={0}>

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

@@ -289,7 +289,7 @@ export default function List() {
             ,
             status:
               obj.status === 1 ? (
-                <Button onClick={() => navigate('service-monitoring/:id')}
+                <Button onClick={() => navigate('service-monitoring/'+obj.personId )}
                   startIcon={<Iconify icon="ic:round-check" />}
                   sx={{
                     backgroundColor: palette.light.grey[300],
@@ -328,6 +328,8 @@ export default function List() {
       setPaginationTable(response.data);
       setRowsPerPage(response.data.per_page);
 
+      
+
       if (searchParams.get('page')) {
         //@ts-ignore
         const currentPage = parseInt(searchParams.get('page')) - 1;

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

@@ -17,8 +17,13 @@ import Page from '../../components/Page';
 import Iconify from '../../components/Iconify';
 // utils
 import useSettings from '../../hooks/useSettings';
-import { useState, SyntheticEvent } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useState, SyntheticEvent, useContext, useEffect } from 'react';
+import { UserCurrentCorporateContext } from '../../contexts/UserCurrentCorporate';
+import { useNavigate, useParams } from 'react-router-dom';
+import axios from '../../utils/axios';
+
+
+
 // sections
 // import ListTable from '../../sections/claimreports/ListTable';
 // import ClaimStatusCard from '../../sections/claimreports/ClaimStatusCard';
@@ -115,6 +120,47 @@ export default function ServiceMonitoring() {
 
   };
 
+  const [data, setData] = useState({});
+  const [data1, setData1] = useState();
+  
+  
+
+  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)
+        setData(response.data);
+        
+      })
+      .catch(error => {
+        console.error('error fetching data...', error);
+      });
+  }, []);
+
+  console.log('Data:' , data);
+
+  const [encounterData, setEncounterData] = useState({});
+
+  useEffect(() => {
+    console.log('fetching encounter data...');
+    axios.get('/claims/${claim_id}/encounters')
+      .then(response => {
+        console.log('encounter data fetched...', response.data);
+        setEncounterData(response.data);
+      })
+      .catch(error => {
+        console.error('error fetching encounter data...', error);
+      });
+  }, []);
+ 
+
 
   return (
     <Page title="Service Monitoring 123456">
@@ -160,23 +206,23 @@ export default function ServiceMonitoring() {
                   <Stack spacing={2}>
                     <Stack>
                       <Typography variant="caption">Nama perusahaan</Typography>
-                      <Typography variant="body2">PT. Amman Mineral</Typography>
+                      <Typography variant="body2">{corporateValue}</Typography>
                     </Stack>
                     <Stack>
-                      <Typography variant="caption">Nama Lengkap</Typography>
-                      <Typography variant="body2">Stephen kuow</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">09 Aug 1980</Typography>
+                      <Typography variant="body2">{data.birth_date}</Typography>
                     </Stack>
                     <Stack>
                       <Typography variant="caption">Email</Typography>
-                      <Typography variant="body2">Stephen.uow@gmal.com</Typography>
+                      <Typography variant="body2">{data.email}</Typography>
                     </Stack>
                     <Stack>
                       <Typography variant="caption">No telepon</Typography>
-                      <Typography variant="body2">+62 821-8123-2323</Typography>
+                      <Typography variant="body2">{data.phone}</Typography>
                     </Stack>
                   </Stack>
                   <Stack>

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

@@ -43,7 +43,7 @@ export default function UserProfile() {
       });
   }, []);
 
-  console.log(id) 
+  console.log('data', data) 
 
   return (
     <Page title="Profile Peserta Jessica Lie">

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

@@ -277,6 +277,8 @@ export default function Index() {
       const corporateMembers = await axios.get(`${corporateValue}/members`, {
         params: { ...parameters },
       });
+
+      console.log('member',corporateMembers );
       const corporateTopUpLimit = await axios.get(`${corporateValue}/topup`);
 
       setSearchParams(parameters);
@@ -331,11 +333,11 @@ export default function Index() {
                   Inactive
                 </Button>
               ),
-            action: (
+            /* action: (
               <IconButton onClick={handleAction}>
                 <MoreVertIcon />
               </IconButton>
-            ),
+            ), */
           };
         })
       );