[WIP] Encounter

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

@@ -40,6 +40,9 @@ import ClaimItems from './components/ClaimItems';
 import DialogMemberBenefit from './components/DialogMemberBenefit';
 import AutocompleteDiagnosis from '@/components/autocomplete/AutocompleteDiagnosis';
 import AutocompleteDiagnosisControlled from '@/components/autocomplete/AutocompleteDiagnosisControlled';
+import { Icd, IcdType } from '@/@types/diagnosis';
+import { OrganizationType, PractitionerType } from '@/@types/doctor';
+import ClaimDetail from './components/ClaimDetail';
 
 export default function ClaimsCreateUpdate() {
   const { themeStretch } = useSettings();
@@ -93,14 +96,6 @@ export default function ClaimsCreateUpdate() {
       });
   };
 
-  // --------------------------------------------------------------
-  // Diagnosis
-  const [primaryDiagnosis, setPrimaryDiagnosis] = useState(null);
-  const [secondaryDiagnosis, setSecondaryDiagnosis] = useState(null);
-  const [loadingDiagnosis, setLoadingDiagnosis] = useState(false);
-  const [primaryDiagnosisOptions, setPrimaryDiagnosisOptions] = useState([]);
-  const [secondaryDiagnosisOptions, setSecondaryDiagnosisOptions] = useState([]);
-
   const handlePrimaryDiagnosisChange = (diagnosisOption) => {
     console.log('handle', diagnosisOption);
     if (diagnosisOption) {
@@ -115,26 +110,6 @@ export default function ClaimsCreateUpdate() {
     setSecondaryDiagnosis(value);
   };
 
-  const handleSaveDiagnosis = () => {
-    setLoadingDiagnosis(true);
-
-    axios
-      .post(`claims/${id}/update-diagnosis`, {
-        primary: [primaryDiagnosis],
-        secondary: [secondaryDiagnosis],
-      })
-      .then((res) => {
-        enqueueSnackbar(res.data.message, { variant: 'success' });
-      })
-      .catch((err) => {
-        setLoadingDiagnosis(false);
-        enqueueSnackbar(err.response?.data?.message ?? err?.message, { variant: 'error' });
-      })
-      .then(() => {
-        setLoadingDiagnosis(false);
-      });
-  };
-
   const handleDecline = () => {
     axios
       .post(`claims/${id}/decline`)
@@ -223,42 +198,6 @@ export default function ClaimsCreateUpdate() {
       });
   };
 
-  // ---------------------------------------------------
-  // Primary ICD
-
-  const NewCorporateSchema = Yup.object().shape({
-    primary_diagnosis_id: Yup.string().required('Name is required'),
-  });
-
-  interface FormValuesProps extends Partial<any> {
-    primary_diagnosis_id: number;
-  }
-
-  const defaultValues = useMemo(
-    () => ({
-      primary_diagnosis: currentClaim?.primary_diagnosis[0]?.icd ?? null,
-      secondary_diagnosis: currentClaim?.secondary_diagnosis[0]?.icd ?? null
-    }),
-    [currentClaim]
-  );
-
-  const methods = useForm<FormValuesProps>({
-    resolver: yupResolver(NewCorporateSchema),
-    defaultValues,
-  });
-
-  const {
-    reset,
-    watch,
-    control,
-    setValue,
-    getValues,
-    setError,
-    handleSubmit,
-    formState: { isSubmitting },
-  } = methods;
-
-  const values = watch();
 
   // ----------------------------------------------------------------
 
@@ -270,30 +209,6 @@ export default function ClaimsCreateUpdate() {
       setCurrentClaim(claim);
       setDocuments(allFiles);
       setClaimItems(claim.benefit_items);
-
-      // SET Default Primary Diagnosis
-      if (claim.primary_diagnosis.length && claim.primary_diagnosis[0].icd) {
-        setPrimaryDiagnosisOptions(
-          claim.primary_diagnosis.map((diagnosis) => {
-            if (diagnosis.icd) {
-              return diagnosis.icd;
-            }
-          })
-        );
-        setValue('primary_diagnosis', claim.primary_diagnosis[0].icd);
-      }
-
-      // SET Default Secondary Diagnosis
-      if (claim.secondary_diagnosis.length && claim.secondary_diagnosis[0].icd) {
-        setSecondaryDiagnosisOptions(
-          claim.secondary_diagnosis.map((diagnosis) => {
-            if (diagnosis.icd) {
-              return diagnosis.icd;
-            }
-          })
-        );
-        setValue('secondary_diagnosis', claim.secondary_diagnosis[0].icd)
-      }
     });
   }, [id]);
 
@@ -446,49 +361,7 @@ export default function ClaimsCreateUpdate() {
             <Grid item xs={7}>
               {/* Diagnosis */}
               <Paper variant="outlined" sx={{ background: '#f4f6f8', p: 2 }}>
-                <Paper variant="outlined" sx={{ background: 'white', p: 2 }}>
-                  <Stack spacing={2}>
-                    {/* {JSON.stringify(getValues('primary_diagnosis'))} */}
-                    <Controller
-                      name="primary_diagnosis"
-                      control={control}
-                      render={({ field: { onChange, value } }) => (
-                        <AutocompleteDiagnosisControlled
-                          onChange={onChange}
-                          currentOptions={primaryDiagnosisOptions}
-                          currentValue={value}
-                          textLabel="Diagnosis Utama (ICD-X)"
-                        />
-                      )}
-                    />
-
-                    <Controller
-                      name="secondary_diagnosis"
-                      control={control}
-                      render={({ field: { onChange, value } }) => (
-                        <AutocompleteDiagnosisControlled
-                          onChange={onChange}
-                          currentOptions={secondaryDiagnosisOptions}
-                          currentValue={value}
-                          textLabel="Diagnosis Tambahan (ICD-X)"
-                        />
-                      )}
-                    />
-                  </Stack>
-                </Paper>
-
-                {(currentClaim?.status == 'requested' || currentClaim?.status == 'received') && (
-                  <LoadingButton
-                    variant="contained"
-                    sx={{ marginTop: 2 }}
-                    loading={loadingDiagnosis}
-                    onClick={() => {
-                      handleSaveDiagnosis();
-                    }}
-                  >
-                    Simpan Diagnosa
-                  </LoadingButton>
-                )}
+                <ClaimDetail claim={currentClaim} />
               </Paper>
 
               <Paper variant="outlined" sx={{ background: '#f4f6f8', p: 2, marginTop: 2 }}>