Display Uploaded Files

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

@@ -34,6 +34,8 @@ import { fCurrency } from '../../utils/formatNumber';
 import EditRoundedIcon from '@mui/icons-material/EditRounded';
 import { LoadingButton } from '@mui/lab';
 import { enqueueSnackbar } from 'notistack';
+import { Divider } from '@mui/material';
+import Iconify from '@/components/Iconify';
 // import LoadingButton from '@/theme/overrides/LoadingButton';
 
 export default function List() {
@@ -179,6 +181,7 @@ export default function List() {
           <TableCell align="left">{row.code}</TableCell>
           <TableCell align="left">{row.member?.full_name}</TableCell>
           <TableCell align="left">{row.submission_date}</TableCell>
+          <TableCell align="left">{row.service_type}</TableCell>
           <TableCell align="right"><Chip label={row.status}/></TableCell>
           <TableCell align="right">{ row.status == 'requested' && (<LoadingButton loading={loadingApprove} variant="outlined" onClick={() => {handleApprove(row)}}>Approve</LoadingButton> )}</TableCell>
         </TableRow>
@@ -187,9 +190,25 @@ export default function List() {
           <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={99}>
             <Collapse in={open} timeout="auto" unmountOnExit>
               <Box sx={{ borderBottom: 1 }}>
-                <Typography variant="body2" gutterBottom component="div">
-                  Description : {row.description}
-                </Typography>
+              <Stack
+                divider={<Divider orientation="horizontal" flexItem />}
+                spacing={1}
+                sx={{ marginY: 2 }}
+              >
+                <Box>
+                  <Typography fontWeight={600}>Berkas Hasil Penunjang</Typography>
+                  {row.files_by_type?.result &&
+                    row.files_by_type?.result.map((file, index) => (
+                      <Stack direction="row" key={index}>
+                        <Typography sx={{marginRight: 2}}>-</Typography> <a href={file.url} target="_blank">{file.name}</a>
+                      </Stack>
+                    ))}
+                  
+                  { !row.files_by_type?.result && (
+                    <Typography>Tidak ada berkas</Typography>
+                  )}
+                  </Box>
+              </Stack>
               </Box>
             </Collapse>
           </TableCell>
@@ -217,6 +236,9 @@ export default function List() {
             <TableCell style={headStyle} align="left">
               Submission Date
             </TableCell>
+            <TableCell style={headStyle} align="left">
+              Jenis Layanan
+            </TableCell>
             <TableCell style={headStyle} align="left">
               Status
             </TableCell>