[WIP] A

frontend/hospital-portal/src/sections/dashboard/CardNotification.tsx

@@ -7,7 +7,7 @@ import Iconify from '@/components/Iconify';
 // React
 import { useState } from 'react';
 import DialogNotification from './DialogNotification';
-import DialogDetailClaim from './DialogDetailClaim';
+import DialogDetailClaim from '@/components/dialogs/DialogDetailClaim';
 
 // ----------------------------------------------------------------------
 

frontend/hospital-portal/src/sections/dashboard/DialogNotification.tsx

@@ -5,8 +5,8 @@ import { Card, Divider, Link, Stack, Typography } from '@mui/material';
 import { styled } from '@mui/material/styles';
 // Component
 import MuiDialog from '../../components/MuiDialog';
+import DialogDetailClaim from '@/components/dialogs/DialogDetailClaim';
 // Sections
-import DialogDetailClaim from './DialogDetailClaim';
 
 type DataContent = {
   info: string;

frontend/hospital-portal/src/sections/dashboard/TableList.tsx

@@ -313,6 +313,27 @@ export default function TableList(props: any) {
     })();
   }, [appliedParams, searchParams, order, orderBy, setSearchParams]);
 
+  // ---------------------------------------------------------
+  // Dialog Detail Claim
+  const [openDialogDetailClaim, setOpenDialogDetailClaim] = useState(false);
+  const [loadingClaimDetail, setLoadingClaimDetail] = useState(true);
+  const [currentClaim, setCurrentClaim] = useState(null);
+
+  function handleShowClaim(claimRequest) {
+    setLoadingClaimDetail(true);
+    setOpenDialogDetailClaim(true);
+
+    axios.get(`/claim-requests/${claimRequest.id}`)
+      .then(({data}) => {
+        console.log(data.data);
+        setCurrentClaim(data.data);
+        setLoadingClaimDetail(false);
+      })
+      .catch((err) => {
+        enqueueSnackbar(err.message, {variant: 'error'})
+      })
+  }
+
   // -----------------------------------------------------------------
   // Download LOG
   async function handleDownloadLog(claimRequest) {
@@ -334,21 +355,6 @@ export default function TableList(props: any) {
       });
   }
 
-  // ---------------------------------------------------------
-  // Dialog Detail Claim
-  const [openDialogDetailClaim, setOpenDialogDetailClaim] = useState(false);
-  const [loadingClaimDetail, setLoadingClaimDetail] = useState(true);
-  const [currentClaim, setCurrentClaim] = useState(null);
-
-  function handleShowClaim(claimRequest) {
-    setLoadingClaimDetail(true);
-    setOpenDialogDetailClaim(true);
-    setTimeout(function () {
-      setCurrentClaim(claimRequest);
-      setLoadingClaimDetail(false);
-    }, 300);
-  }
-
   return (
     <Card>
       <Grid container>
@@ -513,12 +519,15 @@ export default function TableList(props: any) {
         {/* End Field 2 */}
       </Grid>
 
+      
+      
       <DialogDetailClaim
         openDialog={openDialogDetailClaim}
         setOpenDialog={setOpenDialogDetailClaim}
         title={{ name: 'Claim Request Detail' }}
         data={{ claim: currentClaim, isLoading: loadingClaimDetail, handleDownloadLog }}
       ></DialogDetailClaim>
+
     </Card>
   );
 }