update input transaksi

frontend/client-portal/src/sections/dashboard/CardPolicy.tsx

@@ -61,6 +61,10 @@ type CardPolicyProps = {
       };
       maxTopUp: number;
     };
+    members: {
+      memberId: string;
+      memberFullName: string;
+    }
   };
 };
 
@@ -95,7 +99,7 @@ export default function CardPolicy(props: CardPolicyProps) {
   const [dialogTitle, setDialogTitle] = useState('');
   const [isDialog, setIsDialog] = useState('');
 
-  const { limit, topUpLimit } = props.data || {};
+  const { limit, topUpLimit, members } = props.data || {};
   if (!limit || !topUpLimit) {
     return null;
   }
@@ -185,14 +189,14 @@ export default function CardPolicy(props: CardPolicyProps) {
         </Stack>
       </>
 
-      {/* {isDialog === 'submitClaim' && (
+      {isDialog === 'submitClaim' && (
         <DialogClaimSubmitMember
           openDialog={openDialog}
           setOpenDialog={setOpenDialog}
           title={{ name: dialogTitle }}
           data={members}
         />
-      )} */}
+      )}
 
       {isDialog === 'topUpLimit' && (
         <DialogTopUpLimit

frontend/client-portal/src/sections/dashboard/DialogClaimSubmitMember.tsx

@@ -11,9 +11,11 @@ import {
   IconButton,
 } from '@mui/material';
 import { Search as SearchIcon } from '@mui/icons-material';
+import axios from '../../utils/axios';
 // components
 import MuiDialog from '../../components/MuiDialog';
 import Iconify from '../../components/Iconify';
+import { useSnackbar } from 'notistack';
 // React
 import { ReactElement, useState } from 'react';
 import DialogClaimSubmitMemberSubmission from './DialogClaimSubmitMemberSubmission';
@@ -83,11 +85,31 @@ export default function DialogClaimSubmitMember({
 
   /* --------------------------------- Search --------------------------------- */
   const [searchText, setSearchText] = useState('');
+  /* --------------------------------- Benefit--------------------------------- */
+  const {enqueueSnackbar} = useSnackbar();
+  const [openDialogBenefit, setOpenDialogBenefit] = useState(false);
+  const [currentMember, setCurrentMember] = useState(null);
+  const [nameMember, setNameMember] = useState('');
+  const [loadingBenefit, setLoadingBenefit] = useState(false);
 
   const handleSearchSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-
-    await new Promise((resolve) => setTimeout(resolve, 500));
+    // await new Promise((resolve) => setTimeout(resolve, 500));
+      // setLoadingBenefit(true)
+  
+      // axios.post('/search-member', { 
+      //   search: searchText, 
+      // })
+      // .then((response) => {
+      //   setOpenDialogBenefit(true)
+      //   setCurrentMember(response.data.data)
+      //   setNameMember(response.data.data.name);
+      // })
+      // .catch(({response}) => {
+      //   enqueueSnackbar(response.data.errors ? response.data.errors[0] : (response.data ? response.data.meta.message : 'Opps, Something went Wrong!'), {variant : "error"})
+      // })
+      // .then(() => {
+      //   setLoadingBenefit(false)
+      // });
   };
   /* -------------------------------------------------------------------------- */
 

frontend/dashboard/src/pages/Claims/List.tsx

@@ -173,8 +173,8 @@ export default function List() {
               {open ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />}
             </IconButton>
           </TableCell>
-          <TableCell align="left">{row.code}</TableCell>
           <TableCell align="left">{row.claim_request?.code}</TableCell>
+          <TableCell align="left">{row.code}</TableCell>
           <TableCell align="left">{row.member?.full_name}</TableCell>
           <TableCell align="left">{row.plan?.code}</TableCell>
           <TableCell align="left">{row.claim_request?.service?.name}</TableCell>