Update Claim

frontend/dashboard/src/layouts/dashboard/navbar/NavConfig.tsx

@@ -69,7 +69,7 @@ const navConfig = [
         title: 'CLAIM MANAGEMENT',
         path: '/claims',
         // children: [
-        //   { title: 'Request', path: '/case-request' },
+        //   { title: 'Report', path: '/case-report' },
         // ],
       },
       {

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

@@ -15,16 +15,17 @@ import {
   Stack,
   Menu,
   ButtonGroup,
-  Link,
+  Tooltip,
 } from '@mui/material';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
 import AddIcon from '@mui/icons-material/Add';
+import AssessmentIcon from '@mui/icons-material/Assessment';
 import UploadIcon from '@mui/icons-material/Upload';
 import CancelIcon from '@mui/icons-material/Cancel';
 // hooks
 import React, { ChangeEvent, useEffect, useRef, useState } from 'react';
-import { Navigate, useNavigate, useSearchParams } from 'react-router-dom';
+import { Link, Navigate, useNavigate, useSearchParams } from 'react-router-dom';
 // components
 import axios from '../../utils/axios';
 import { LaravelPaginatedData, LaravelPaginatedDataDefault } from '../../@types/paginated-data';
@@ -55,6 +56,17 @@ export default function List() {
       props.onSearch({ search: searchText }); // Trigger to Parent
     };
 
+    const handleGetData = (type :string) => {
+      axios.get(`claims/1/data-claim`)
+        .then((response) => {
+          const link = document.createElement('a');
+          link.href = response.data.data.file_url;
+          link.setAttribute('download', response.data.data.file_name);
+          document.body.appendChild(link);
+          link.click();
+        })
+    }
+
     useEffect(() => {
       // Trigger First Search
       setSearchText(searchParams.get('search') ?? '');
@@ -62,15 +74,20 @@ export default function List() {
 
     return (
       <form onSubmit={handleSearchSubmit} style={{ width: '100%' }}>
-        <TextField
-          id="search-input"
-          ref={searchInput}
-          label="Search"
-          variant="outlined"
-          fullWidth
-          onChange={handleSearchChange}
-          value={searchText}
-        />
+        <Stack direction={'row'} spacing={2} sx={{ mb: 2 }}>
+          <TextField
+            id="search-input"
+            ref={searchInput}
+            label="Search"
+            variant="outlined"
+            fullWidth
+            onChange={handleSearchChange}
+            value={searchText}
+          />
+        <Tooltip title="Export Excel">
+            <Button variant="outlined" startIcon={<AssessmentIcon />}  sx={{ p: 1.8 }}  onClick={handleGetData}/>
+        </Tooltip>
+        </Stack>
       </form>
     );
   }

frontend/dashboard/src/pages/Members/Index.tsx

@@ -269,7 +269,7 @@ export default function Members() {
             <Button variant="outlined" startIcon={<PublishIcon />} sx={{ p: 1.8 }} onClick={handleImportButton}>
               Import
             </Button>
-          </Grid>
+          </Grid> 
         </Grid>
 
         <Card>