progress 2 feature/dashboard-create-claim-request

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

@@ -4,7 +4,7 @@ import { ArrowBackIosNew } from '@mui/icons-material';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { Autocomplete, Button, Card, Collapse, Container, Divider, Grid, Stack, Table, TableBody, TableCell, TableRow, TextField, Typography } from '@mui/material';
 import { Controller, useForm } from 'react-hook-form';
-import { useParams, useNavigate } from 'react-router-dom';
+import { useParams } from 'react-router-dom';
 import HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs';
 import { FormProvider, RHFCheckbox, RHFSelect, RHFTextField } from '../../components/hook-form';
 import Page from '../../components/Page';
@@ -18,12 +18,11 @@ import { LoadingButton } from '@mui/lab';
 import { fCurrency } from '../../utils/formatNumber';
 import Iconify from '../../components/Iconify';
 import { ClaimRequest } from '@/@types/claims';
-import Form from './Form';
-import FormCreate from './FormCreate';
+import FormEdit from './Components/FormEdit';
+import FormCreate from './Components/FormCreate';
 
 export default function ClaimsCreateUpdate() {
 
-    const navigate = useNavigate()
     const { themeStretch } = useSettings();
     const { id } = useParams();
 
@@ -46,18 +45,6 @@ export default function ClaimsCreateUpdate() {
   return (
     <Page title={isEdit ? `Edit Claim Request` : "Create New Claim"}>
       <Container maxWidth={themeStretch ? false : 'xl'}>
-        <Stack direction="row" alignItems="center" sx={{ mb: 5 }}>
-            <Box sx={{ display: 'flex', alignItems: 'center'}}>
-                <IconButton size='large' color='inherit' onClick={() => navigate(`/claim-requests`)} >
-                    <ArrowBackIosNew/>
-                </IconButton>
-
-                <Typography variant="h5" sx={{ marginLeft: '24px' }}>
-                    {id == undefined ? 'Create Claim Requests' : 'Edit Claim Requests'}
-                </Typography>
-            </Box>
-        </Stack>
-
         {
             id == undefined
             ?
@@ -66,7 +53,7 @@ export default function ClaimsCreateUpdate() {
             )
             :
             (
-                <Form isEdit={isEdit} currentClaim={currentClaim} />
+                <FormEdit isEdit={isEdit} currentClaim={currentClaim} />
             )
         }