diff --git a/frontend/dashboard/src/pages/Claims/Detail.tsx b/frontend/dashboard/src/pages/Claims/Detail.tsx
index 15c13a81..ff3f073a 100644
--- a/frontend/dashboard/src/pages/Claims/Detail.tsx
+++ b/frontend/dashboard/src/pages/Claims/Detail.tsx
@@ -39,27 +39,25 @@ import Checkbox from '@mui/material/Checkbox';
 import { DatePicker, LocalizationProvider } from '@mui/x-date-pickers';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { fPostFormat } from '@/utils/formatTime';
+import { fDate, fDateTime } from '../../utils/formatTime';
 import ListItemText from '@mui/material/ListItemText';
 import EditOutlinedIcon from '@mui/icons-material/EditOutlined';
+import TableMoreMenu from '@/components/table/TableMoreMenu';
 
 import { enqueueSnackbar } from 'notistack';
+import BenefitConfigurationList from './components/BenefitConfigurationList';
+import { map } from 'lodash';
+
+
 import { FormProvider, RHFDatepicker, RHFSelect, RHFTextField } from '@/components/hook-form';
 import { useFieldArray, useForm } from 'react-hook-form';
 import { ClaimHistoryCare } from '@/@types/claims';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { LoadingButton } from '@mui/lab';
 import { Delete, Edit, EditOffOutlined, EditTwoTone, LoopOutlined, RefreshOutlined } from '@mui/icons-material';
-import { fDate, fDateOnly, fDateTimeSuffix } from '@/utils/formatTime';
-import TableMoreMenu from '@/components/table/TableMoreMenu';
+import { fDateOnly, fDateTimeSuffix } from '@/utils/formatTime';
 import Label from '@/components/Label';
 import RHFAutocomplete from '../../components/hook-form/RHFAutocompleteV2';
-import RHFAutocompleteNonTerminology from '@/components/hook-form/RHFAutocompleteNonTerminology';
-import RHFAutocompleteV2 from '../../components/hook-form/RHFAutocompleteV2';
-import DialogUpdateStatus from '@/components/DialogUpdateStatus';
-import hospitals from '../Corporates/Hospital/Index';
-import BenefitConfigurationList from './components/BenefitConfigurationList';
-// import { values } from 'lodash';
-
 
 // ----------------------------------------------------------------------
 
@@ -116,16 +114,10 @@ export default function Detail() {
 
     //Request
     const [openDialogRequest, setOpenDialogRequest] = useState(false);
-    
     const handleCloseDialogRequest = () => {
         setOpenDialogRequest(false);
     }
-
-    const handleCloseDialogUpdate = () => {
-        setOpenDialogRequest(false);
-        reset()
-    }
-
+ 
     const [conditionChecked, setConditionChecked] = useState(true);
     const [diagnosisChecked, setDiagnosisChecked] = useState(false);
     const [supportingResultChecked, setSupportingResultChecked] = useState(false);
@@ -148,6 +140,25 @@ export default function Detail() {
         return noteField.trim() !== '';
     };
   
+    const handelRequestDocument = () => {
+        const dataForm = {
+            claim_id: id,
+            condition: conditionChecked,
+            diagnosis: diagnosisChecked,
+            result: supportingResultChecked,
+            note: noteField,
+        }
+        axios
+        .post('/claims/request-documents', dataForm)
+        .then((response) => {
+            enqueueSnackbar('Success Request Document', { variant: 'success' });
+            setOpenDialogRequest(false);
+            window.location.reload();
+        })
+        .catch((error) => {
+            enqueueSnackbar('Something Went Wrong', { variant: 'error' });
+        })
+    }
 
     /*---------------------- Handle History Hospital Care ----------------------------*/
    
@@ -155,6 +166,7 @@ export default function Detail() {
         taxes: boolean;
         inStock: boolean;
     }
+    
 
     /**------------- Handle History Hospital Care ---------------------*/
     const [currentClaimHistoryCare, setCurrentClaimHistoryCare] = useState(null);
@@ -167,7 +179,10 @@ export default function Detail() {
     const [carehistory, setCarehistory] = useState<ClaimHistoryCare|null>(null);
     const [isEdit,setEdit] = useState(false);
     const [claim, setClaim] = useState<ClaimHistoryCare|null>([])
-    
+    const handleCloseDialogUpdate = () => {
+        setOpenDialogRequest(false);
+        reset()
+    }
 
     useEffect( () => {
         axios
@@ -268,25 +283,6 @@ export default function Detail() {
         window.location.reload();
        
     }
-    const handelRequestDocument = (event) => {
-        const dataForm = {
-            claim_id: id,
-            condition: conditionChecked,
-            diagnosis: diagnosisChecked,
-            result: supportingResultChecked,
-            note: noteField,
-        }
-        axios
-        .post('/claims/request-documents', dataForm)
-        .then((response) => {
-            enqueueSnackbar('Success Request Document', { variant: 'success' });
-            setOpenDialogRequest(false);
-            window.location.reload();
-        })
-        .catch((error) => {
-            enqueueSnackbar('Something Went Wrong', { variant: 'error' });
-        })
-    }
 
     // Handle Location Change
     const handleLocationChange = (organization_id:number) => {
@@ -476,7 +472,7 @@ export default function Detail() {
         setOpenHospitalCare(true);
     }
 
-        //Service
+    //Service
     const [openDialogService, setOpenDialogService] = useState(false);
     const handleCloseDialogService = () => {        
         setOpenDialogService(false);
@@ -628,8 +624,6 @@ export default function Detail() {
         });
     }
 
-
-
     return (
         <Page title='Detail'>
         <Container maxWidth={themeStretch ? false : 'xl'}>