tuning import. listing, edit

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

@@ -15,44 +15,42 @@ import { enqueueSnackbar } from 'notistack';
 import { LoadingButton } from '@mui/lab';
 import { fCurrency } from '../../utils/formatNumber';
 import Iconify from '../../components/Iconify';
+import { ClaimRequest } from '@/@types/claims';
 import Form from './Form';
 
 export default function ClaimsCreateUpdate() {
+
   
   const { themeStretch } = useSettings();
   const { id } = useParams();
 
   const isEdit = id ? true : false;
 
-  const [currentClaim, setCurrentClaim] = useState();
+  const [currentClaim, setCurrentClaim] = useState<ClaimRequest>();
 
   useEffect(() => {
     if (isEdit) {
-      axios.get('/claims/' + id).then((res) => {
-        // console.log('Yeet', res.data);
-        setCurrentClaim(res.data);
+      axios.get('/claim-requests/' + id).then((res) => {
+        console.log('Yeet', res.data);
+        setCurrentClaim(res.data.data);
       });
+
+      console.log(currentClaim)
     }
   }, [id]);
 
   
   return (
-    <Page title={isEdit ? `Edit Claim : ${currentClaim?.id}` : "Create New Claim"}>
+    <Page title={isEdit ? `Edit Claim Request` : "Create New Claim"}>
       <Container maxWidth={themeStretch ? false : 'xl'}>
         <Stack direction="row" alignItems="center">
           <HeaderBreadcrumbs
-            heading={
-              !isEdit
-                ? 'Create New Claim'
-                : `Edit Claim : ${currentClaim?.code}`
-            }
+            heading={'Edit Claim Request'}
             links={[
               { name: 'Dashboard', href: '/dashboard' },
               {
-                name: 'Claim',
-                href: '/claims',
+                name: 'Claim Request',
               },
-              { name: !isEdit ? 'Create' : currentClaim?.id ?? '' },
             ]}
           />
         </Stack>