update listing dan edit claim management

frontend/dashboard/src/pages/ClaimRequests/Form.tsx

@@ -6,6 +6,8 @@ import { Controller, useForm } from 'react-hook-form';
 import React, { useRef, useEffect, useMemo, useState } from 'react';
 import axios from '../../utils/axios';
 import { FormProvider, RHFTextField } from '../../components/hook-form';
+
+import { makeFormData } from '@/utils/jsonToFormData';
 import {
   Autocomplete,
   Button,
@@ -55,7 +57,7 @@ export default function ClaimForm({ isEdit, currentClaim }: Props) {
   const { enqueueSnackbar } = useSnackbar();
 
   const EditClaimSchema = Yup.object().shape({
-    organization_id: Yup.string().required('Name is required'),
+    organization_id: Yup.string().required('Code Provider is required'),
   });
 
   const defaultValues = useMemo(
@@ -66,19 +68,21 @@ export default function ClaimForm({ isEdit, currentClaim }: Props) {
       date: currentClaim?.submission_date ? fDateTimesecond(currentClaim?.submission_date) : '-',
       claim_method: currentClaim?.payment_type || '-',
       service_type: currentClaim?.service_code || '-',
-      organization_id: currentClaim?.claim?.organization?.code || '-',
+      organization_id: currentClaim?.organization?.code || '-',
     }),
     [currentClaim]
   );
 
   useEffect(() => {
-    console.log(currentClaim, 'er')
     if (isEdit && currentClaim) {
       reset(defaultValues);
     }
     if (!isEdit) {
       reset(defaultValues);
     }
+    // setFileKondisis(currentClaim?.files_by_type?.claim_diagnosis);
+    // setFileDiagnosas(currentClaim?.files_by_type?.claim_diagnosis);
+    setFileHasilPenunjangCurrent(currentClaim?.files_by_type?.claim_result);
   }, [isEdit, currentClaim]);
 
 
@@ -150,6 +154,7 @@ export default function ClaimForm({ isEdit, currentClaim }: Props) {
   // Files Result Hasil Penunjang
   const fileHasilPenunjangInput = useRef<HTMLInputElement>(null);
   const [fileHasilPenunjangs, setFileHasilPenunjangs] = useState([]);
+  const [fileHasilPenunjangsCurrent, setFileHasilPenunjangCurrent] = useState([]);
 
   const handleResultInputChange = (event) => {
     if (event.target.files[0]) {
@@ -169,12 +174,19 @@ export default function ClaimForm({ isEdit, currentClaim }: Props) {
 
   const onSubmit = async (data: FormValuesProps) => {
     try {
-      const formData = new FormData();
-      formData.append('result_files', fileHasilPenunjangs);
-      formData.append('diagnosa_files', fileDiagnosaInput);
-      formData.append('kondisi_files', fileKondisiInput);
-      formData.append('provider_code', data.organization_id);
-      formData.append('_method', 'PUT');
+      // const formData = new FormData();
+      // formData.append('result_files', fileHasilPenunjangs);
+      // formData.append('diagnosa_files', fileDiagnosaInput);
+      // formData.append('kondisi_files', fileKondisiInput);
+      // formData.append('provider_code', data.organization_id);
+      // formData.append('_method', 'PUT');
+      const formData = makeFormData({
+        result_files: fileHasilPenunjangs,
+        diagnosa_files: fileDiagnosas,
+        kondisi_files: fileKondisis,
+        provider_code: data.organization_id,
+        _method: 'PUT'
+      });
 
       const response = await axios.post(`/claim-requests/${data.id}`, formData);
       

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

@@ -47,12 +47,13 @@ import { fDateTimesecond } from '@/utils/formatTime';
 import { capitalizeFirstLetter } from '@/utils/formatString';
 import Label from '@/components/Label';
 import TableMoreMenu from '@/components/table/TableMoreMenu';
+import { Import } from '@/@types/claims';
 // import LoadingButton from '@/theme/overrides/LoadingButton';
 
 export default function List() {
   const { themeColorPresets } = useSettings();
   const [searchParams, setSearchParams] = useSearchParams();
-  const [importResult, setImportResult] = useState(null);
+  const [importResult, setImportResult] = useState<Import>(null);
 
   const navigate = useNavigate()
 
@@ -213,7 +214,7 @@ export default function List() {
                 }}
               >
                 <MenuItem onClick={handleImportButton}>Import</MenuItem>
-                <MenuItem onClick={() => {handleGetTemplate('claim-request')}}>Download Template test</MenuItem>
+                <MenuItem onClick={() => {handleGetTemplate('claim-request')}}>Download Template</MenuItem>
                 <MenuItem onClick={() => {handleGetData('data-plan-benefit')}}>Download Claim Request</MenuItem>
               </Menu>
             <Button
@@ -257,6 +258,16 @@ export default function List() {
             </LoadingButton>
           </Stack>
         )}
+         {importResult && (
+          <Stack direction={'row'} sx={{ px: 2, pb: 2 }}>
+            <Box sx={{ color: 'text.secondary' }}>
+              Last Import Result Report :{' '}
+              <a href={importResult.result_file?.url ?? '#'}>
+                {importResult.result_file?.name ?? '-'}
+              </a>
+            </Box>
+          </Stack>
+        )}
       </div>
     );
   }