Display Uploaded Files

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

@@ -45,7 +45,7 @@ const ItemNotificationStyle = styled(Card)(({ theme }) => ({
 
 // ----------------------------------------------------------------------
 
-export default function CardSearchMember() {
+export default function CardSearchMember(handleSubmitSuccess) {
   const {enqueueSnackbar} = useSnackbar();
 
   const [noPolis, setNoPolis] = useState('AW001-01');
@@ -145,7 +145,7 @@ export default function CardSearchMember() {
           title={{name: "Member"}}
           openDialog={openDialogBenefit}
           setOpenDialog={setOpenDialogBenefit}
-          content={DialogMember(currentMember, () => {setOpenDialogBenefit(false)})}
+          content={DialogMember(currentMember, () => {setOpenDialogBenefit(false); handleSubmitSuccess()})}
           maxWidth="md"
         />
     </div>

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

@@ -11,7 +11,7 @@ import { Avatar } from '@mui/material';
 import Iconify from '@/components/Iconify';
 import FormRequestClaim from './FormRequestClaim';
 
-export default function DialogMember(member, closeDialog) {
+export default function DialogMember(member, handleSubmitSuccess) {
     const [currentTab, setCurrentTab] = useState('request')
         
     // ----------------------------------------------------------------------
@@ -92,7 +92,7 @@ export default function DialogMember(member, closeDialog) {
 
                 
                 <TabPanel value={currentTab} index={'request'}>
-                    <FormRequestClaim member={member} handleSubmitSuccess={closeDialog} />
+                    <FormRequestClaim member={member} handleSubmitSuccess={handleSubmitSuccess} />
                 </TabPanel>
             </Box>
         </div>

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

@@ -60,7 +60,7 @@ export default function FormRequestClaim({ member, handleSubmitSuccess }) {
       .post('/claim-requests', formData)
       .then((response) => {
         enqueueSnackbar(response.data.message ?? 'Berhasil membuat data', { variant: 'success' });
-        // handleSubmitSuccess();
+        handleSubmitSuccess();
       })
       .catch(({ response }) => {
         enqueueSnackbar(response.data.message ?? 'Something Went Wrong', { variant: 'error' });
@@ -120,15 +120,15 @@ export default function FormRequestClaim({ member, handleSubmitSuccess }) {
           spacing={1}
           sx={{ marginY: 2 }}
         >
-          {filesResult &&
-            filesResult.map((file, index) => (
+          {fileHasilPenunjangs &&
+            fileHasilPenunjangs.map((file, index) => (
               <Stack direction="row" justifyContent={'space-between'} key={index}>
                 <Typography>{file.name}</Typography>
                 <Iconify
                   icon="eva:trash-2-outline"
                   color={'darkred'}
                   onClick={() => {
-                    removeFiles(filesResult, index);
+                    removeFiles(fileHasilPenunjangs, index);
                   }}
                 ></Iconify>
               </Stack>

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

@@ -357,8 +357,8 @@ export default function TableList(props: any) {
                         sx={{ width: '100%' }}
                       >
                         {statusOptions &&
-                          statusOptions.map((option) => (
-                            <MenuItem value={option} sx={{ textTransform: 'capitalize' }}>
+                          statusOptions.map((option, index) => (
+                            <MenuItem value={option} sx={{ textTransform: 'capitalize' }} key={index}>
                               {option}
                             </MenuItem>
                           ))}