[WIP] Claims

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

@@ -16,11 +16,14 @@ import { LoadingButton } from '@mui/lab';
 import { fCurrency } from '../../utils/formatNumber';
 import Iconify from '../../components/Iconify';
 
-export default function ClaimsCreate() {
+export default function ClaimsCreateUpdate() {
   const navigate = useNavigate();
 
   const [member, setMember] = useState();
   const selectedMemberDisplay = useRef<HTMLInputElement>(null);
+  const { id } = useParams();
+  
+  const isEdit = !!id;
 
   const NewClaimSchema = Yup.object().shape({
     member_id: Yup.string().required('Please select Member'),
@@ -104,12 +107,24 @@ export default function ClaimsCreate() {
   }
 
   useEffect(() =>  { // Trigger First Search
-    axios.get('master/diagnosis/search')
-      .then(function(res) {
-        setDiagnosis(res.data);
-      })
 
   }, [])
+  
+  useEffect(() => {
+    if (isEdit) {
+      axios.get(`/claims/${id}`)
+        .then((res) => {
+          // console.log('fuck', res.data)
+          // setCurrentCorporatePlan(res.data);
+          set
+        })
+        .catch((err) => {
+          // if (err.response.status === 404) {
+          //   navigate('/404');
+          // }
+        })
+    }
+  }, [id]);
 
   const [isEligible, setIsEligible] = useState<boolean|null>(null)
 

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

@@ -7,16 +7,18 @@ import UploadIcon from '@mui/icons-material/Upload';
 import CancelIcon from '@mui/icons-material/Cancel';
 // hooks
 import React, { ChangeEvent, useEffect, useRef, useState } from 'react';
-import {  useSearchParams } from 'react-router-dom';
+import {  Navigate, useNavigate, useSearchParams } from 'react-router-dom';
 // components
 import axios from '../../utils/axios';
 import { LaravelPaginatedData, LaravelPaginatedDataDefault } from '../../@types/paginated-data';
 import DataTable from '../../components/LaravelTable';
 import { fCurrency } from '../../utils/formatNumber';
+import EditRoundedIcon from '@mui/icons-material/EditRounded';
 
 export default function List() {
   const [searchParams, setSearchParams] = useSearchParams();
   const [importResult, setImportResult] = useState(null);
+  const navigate = useNavigate();
   
   function SearchInput(props: any) {
      // SEARCH
@@ -182,7 +184,7 @@ export default function List() {
           <TableCell align="left">({row.diagnosis?.code}) {row.diagnosis?.name}</TableCell>
           <TableCell align="left">{fCurrency(row.total_claim)}</TableCell>
 
-          {/* <TableCell align="right"><Button variant="outlined" color="error" size="small">Disable</Button></TableCell> */}
+          <TableCell align="right"><EditRoundedIcon onClick={(e) => {navigate('/claims/'+row.id)}}/></TableCell>
         </TableRow>
         {/* COLLAPSIBLE ROW */}
         <TableRow>
@@ -214,7 +216,7 @@ export default function List() {
             <TableCell style={headStyle} align="left">Benefit</TableCell>
             <TableCell style={headStyle} align="left">Diagnosis</TableCell>
             <TableCell style={headStyle} align="left">Total Claim</TableCell>
-            {/* <TableCell style={headStyle} align="right">Action</TableCell> */}
+            <TableCell style={headStyle} align="right">Action</TableCell>
           </TableRow>
         </TableBody>
         {/* ------------------ END TABLE HEADER ------------------ */}