progress 1 dashboard-create-claim-request

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

@@ -1,4 +1,6 @@
 import * as Yup from 'yup';
+import { Box, IconButton } from '@mui/material';
+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';
@@ -17,45 +19,57 @@ import { fCurrency } from '../../utils/formatNumber';
 import Iconify from '../../components/Iconify';
 import { ClaimRequest } from '@/@types/claims';
 import Form from './Form';
+import FormCreate from './FormCreate';
 
 export default function ClaimsCreateUpdate() {
 
-  
-  const { themeStretch } = useSettings();
-  const { id } = useParams();
+    const navigate = useNavigate()
+    const { themeStretch } = useSettings();
+    const { id } = useParams();
 
-  const isEdit = id ? true : false;
+    const isEdit = id ? true : false;
 
-  const [currentClaim, setCurrentClaim] = useState<ClaimRequest>();
+    const [currentClaim, setCurrentClaim] = useState<ClaimRequest>();
 
-  useEffect(() => {
-    if (isEdit) {
-      axios.get('/claim-requests/' + id).then((res) => {
-        console.log('Yeet', res.data);
-        setCurrentClaim(res.data.data);
-      });
+    useEffect(() => {
+        if (isEdit) {
+        axios.get('/claim-requests/' + id).then((res) => {
+            console.log('Yeet', res.data);
+            setCurrentClaim(res.data.data);
+        });
+
+        console.log(currentClaim)
+        }
+    }, [id]);
 
-      console.log(currentClaim)
-    }
-  }, [id]);
 
-  
   return (
     <Page title={isEdit ? `Edit Claim Request` : "Create New Claim"}>
       <Container maxWidth={themeStretch ? false : 'xl'}>
-        <Stack direction="row" alignItems="center">
-          <HeaderBreadcrumbs
-            heading={'Edit Claim Request'}
-            links={[
-              { name: 'Dashboard', href: '/dashboard' },
-              {
-                name: 'Claim Request',
-              },
-            ]}
-          />
+        <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>
 
-        <Form isEdit={isEdit} currentClaim={currentClaim} />
+        {
+            id == undefined
+            ?
+            (
+                <FormCreate />
+            )
+            :
+            (
+                <Form isEdit={isEdit} currentClaim={currentClaim} />
+            )
+        }
+
       </Container>
     </Page>
   );