update banyak

frontend/client-portal/src/sections/alarm-center/user-profile/CardPersonalInformation.tsx

@@ -256,13 +256,13 @@ export default function CardPersonalInformation({data}) {
             fullWidth
             sx={{ marginTop: '16px' }}
           />
-          <TextField
+         {/*  <TextField
               label="Address"
               value={address}
               onChange={(e) => setAddress(e.target.value)}
               fullWidth
               sx={{ marginTop: '16px' }}
-            />
+            /> */}
 
 
           {/* Add more fields as needed */}

frontend/client-portal/src/sections/alarm-center/user-profile/CardPolicyNumber.tsx

@@ -2,7 +2,10 @@
 import { styled } from '@mui/material/styles';
 import { Card, Typography, Stack, LinearProgress, linearProgressClasses } from '@mui/material';
 import CardBenefitSummary from './CardBenefitSummary';
+import axios from '../../../utils/axios';
 
+import { useContext, useState, useEffect } from 'react';
+import { UserCurrentCorporateContext } from '../../../contexts/UserCurrentCorporate';
 // ----------------------------------------------------------------------
 
 const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
@@ -17,10 +20,73 @@ const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
   },
 }));
 
-// ----------------------------------------------------------------------
 
+type CardPolicyProps = {
+  limit: {
+    myLimit: {
+      balance: number;
+      total: number;
+      percentage: number;
+    };
+    lockLimit: {
+      balance: number;
+      percentage: number;
+    };
+  };
+  topUpLimit: {
+    companyName: string;
+    policyNumber: number;
+    totalMembers: number;
+    totalCases: number;
+    totalPersen: number;
+    myLimit: {
+      balance: number;
+      total: number;
+      percentage: number;
+    };
+    maxTopUp: number;
+  };
+  members?: DataMember[];
+};
+
+// ----------------------------------------------------------------------
+ 
 export default function CardPolicyNumber() {
-  return (
+
+
+ const { corporateValue } = useContext(UserCurrentCorporateContext); 
+ const [policyNumber,setPolicyNumber] = useState('');
+ const [policyData, setPolicyData] = useState<CardPolicyProps>();
+
+/*  axios.get(`${corporateValue}/topup`)
+   .then(response => {
+     console.log(response.data);
+   })
+   .catch(error => {
+     console.error(error);
+   });  */
+
+   useEffect(() => {
+    axios
+      .get(`${corporateValue}/topup`)
+      .then(response => {
+        const { data } = response.data; // Access the 'data' object from the response
+        const { policyNumber } = data; // Access the 'policyNumber' field from the 'data' object
+        setPolicyNumber(policyNumber);
+      })
+      .catch(error => {
+        console.error(error);
+      });
+
+      // const corporatePolicyLimit = axios.get(`${corporateValue}/policy`);
+      // const corporateTopUpLimit =  axios.get(`${corporateValue}/topup`);
+      // setPolicyData({
+      //   limit: corporatePolicyLimit.data.data,
+      //   topUpLimit: corporateTopUpLimit.data.data,
+      // });
+  }, [corporateValue]);
+ 
+   return (
     <Card sx={{ padding: 2 }}>
       <Stack>
         <Stack direction="row" alignItems="center" spacing={1} justifyContent="space-between">
@@ -28,7 +94,7 @@ export default function CardPolicyNumber() {
             <img width={52} height={52} src="/logo/logo-linksehat.png" alt="LinkSehat" />
             <Stack spacing={1}>
               <Typography variant="subtitle2">Policy Number</Typography>
-              <Typography variant="subtitle2">12345678910</Typography>
+              <Typography variant="subtitle2">{policyNumber}</Typography>
             </Stack>
           </Stack>
           <Stack spacing={1} sx={{ width: '206.5px' }}>