[WIP] Encounter

frontend/client-portal/src/pages/Claims/List.tsx

@@ -19,23 +19,21 @@ import {
 } 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 UploadIcon from '@mui/icons-material/Upload';
-import CancelIcon from '@mui/icons-material/Cancel';
 // hooks
-import React, { ChangeEvent, useEffect, useRef, useState } from 'react';
+import React, { ChangeEvent, useContext, useEffect, useRef, useState } from 'react';
 import { Navigate, useNavigate, useSearchParams } from 'react-router-dom';
 // components
 import axios from '../../utils/axios';
 import { LaravelPaginatedData, LaravelPaginatedDataDefault } from '../../@types/paginated-data';
 import DataTable from '../../components/LaravelTable';
 import { fCurrency } from '../../utils/formatNumber';
-import EditRoundedIcon from '@mui/icons-material/EditRounded';
 import { Chip } from '@mui/material';
 import Iconify from '@/components/Iconify';
 import { enqueueSnackbar } from 'notistack';
+import { UserCurrentCorporateContext } from '@/contexts/UserCurrentCorporate';
 
 export default function List() {
+  const { corporateValue } = useContext(UserCurrentCorporateContext);
   const [searchParams, setSearchParams] = useSearchParams();
   const [importResult, setImportResult] = useState(null);
   const navigate = useNavigate();
@@ -108,11 +106,11 @@ export default function List() {
   const loadDataTableData = async (appliedFilter: any | null = null) => {
     setDataTableLoading(true);
     const filter = appliedFilter ? appliedFilter : Object.fromEntries([...searchParams.entries()]);
-    const response = await axios.get('/claims', { params: filter });
-    // console.log(response.data);
+    const response = await axios.get(corporateValue+'/claims', { params: filter });
+    // console.log(response.data.data);
     setDataTableLoading(false);
 
-    setDataTableData(response.data);
+    setDataTableData(response.data.data);
   };
 
   const applyFilter = async (searchFilter: { search: string }) => {

frontend/client-portal/src/routes/index.tsx

@@ -122,6 +122,10 @@ export default function Router() {
           element: <Claims />,
           index: true,
         },
+        {
+          path: ':id',
+          element: <ClaimShow />,
+        },
       ],
     },
     {
@@ -153,3 +157,4 @@ const AlarmCenterUserProfile = Loadable(lazy(() => import('../pages/AlarmCenter/
 // Claim Report
 const ClaimReport = Loadable(lazy(() => import('../pages/ClaimReport/Index')));
 const Claims = Loadable(lazy(() => import('../pages/Claims/Index')));
+const ClaimShow = Loadable(lazy(() => import('../pages/Claims/Show')));