This commit is contained in:
Malai Raja
2024-01-09 15:58:22 +05:30
parent 92cc1445ea
commit 4e0606ef59
9 changed files with 266 additions and 153 deletions

Submodule nearlexpressbuild updated: 7bbcc4548e...4148053366

View File

@@ -15,6 +15,9 @@ const ProfileTab = ({ handleLogout }) => {
const navigate=useNavigate();
const handleListItemClick = (event, index) => {
setSelectedIndex(index);
if(index == 1){
navigate('/accountsettings');
}
};
return (

View File

@@ -194,7 +194,8 @@ navigate('/login')
sx={{
display: 'flex',
flexDirection: 'row',
justifyContent: 'center',
// justifyContent: 'center',
justifyContent: 'flex-start',
alignItems: 'center',
textTransform: 'capitalize'
}}

View File

@@ -63,13 +63,13 @@ const other = {
url: '/customers',
icon: icons.UserOutlined
},
{
id: 'account',
title: <FormattedMessage id="Settings" />,
type: 'item',
url: '/accountsettings',
icon: icons.SettingOutlined
},
// {
// id: 'account',
// title: <FormattedMessage id="Settings" />,
// type: 'item',
// url: '/accountsettings',
// icon: icons.SettingOutlined
// },
// {
// id: 'documentation',
// title: <FormattedMessage id="documentation" />,

View File

@@ -254,9 +254,11 @@ const Createclient = () => {
opentoast('Fill post code')
} else if (!suburb) {
opentoast('Fill suburb')
} else if (!emailaddress) {
opentoast('Fill emailaddress')
} else if (!latlong.lat || !latlong.lng) {
}
// else if (!emailaddress) {
// opentoast('Fill emailaddress')
// }
else if (!latlong.lat || !latlong.lng) {
opentoast('Choose valid address')
} else {
let obj = {

View File

@@ -185,6 +185,7 @@ const Createorder = () => {
// }])
// console.log(dayjs())
fetchtenantlocation(localStorage.getItem('tenantid'))
clientdetails(localStorage.getItem('tenantid'))
}
}, [])
@@ -550,7 +551,14 @@ const Createorder = () => {
setClientdetail(res.data.details)
if (!searchword) {
setClientdetailarr(res.data.details)
let arr=[];
res.data.details.map((val)=>{
arr.push({
...val,
label:`${val.firstname} | ${val.contactno}`
})
})
setClientdetailarr(arr)
}
}
@@ -748,7 +756,8 @@ const Createorder = () => {
<Autocomplete
id="free-solo-demo"
sx={{ mt: 2 }}
options={tenantlocationlist}
// options={tenantlocationlist}
options={clientdetailarr}
renderInput={(params) => <TextField {...params} label="Choose Location" />}
onChange={(e, val) => {
if (val) {
@@ -981,7 +990,7 @@ const Createorder = () => {
})
if (arr[0]) {
if (tenantinfo.tenantid) {
clientdetails(tenant.tenantid);
// clientdetails(tenant.tenantid);
setOpen2(true)
} else {

View File

@@ -57,6 +57,7 @@ import AccessTimeOutlinedIcon from '@mui/icons-material/AccessTimeOutlined';
import { PopupTransition } from 'components/@extended/Transitions';
// var utc = require('dayjs/plugin/utc')
import * as React from 'react';
import SwapVertIcon from '@mui/icons-material/SwapVert';
import axios from 'axios';
import { useTheme } from '@mui/material/styles';
@@ -757,6 +758,7 @@ const Createorder1 = () => {
if (localStorage.getItem('tenantid')) {
fetchtenantlocation(localStorage.getItem('tenantid'))
clientdetails(localStorage.getItem('tenantid'))
}
}, [])
@@ -948,11 +950,11 @@ const Createorder1 = () => {
arr = [{
"orderheaderid": 0,
"tenantid": parseInt(localStorage.getItem('tenantid')),
"locationid": tenantinfo.locationid,
"moduleid": tenantinfo.moduleid,
"locationid": tenant.locationid,
"moduleid": tenant.moduleid,
"configid": 7,
"orderid": "",
"customerid": clientinfo.customerid,
"customerid": tenantinfo.customerid,
"orderdate": dayjs().format('YYYY-MM-DD HH:mm:ss'),
"orderstatus": "created",
"pending": "",
@@ -960,11 +962,11 @@ const Createorder1 = () => {
"ready": "",
"delivered": "",
"cancellled": "",
"promoid": 0,
"promoname": "",
"promoterms": "",
"promovalue": 0,
"promoamount": 0,
// "promoid": 0,
// "promoname": "",
// "promoterms": "",
// "promovalue": 0,
// "promoamount": 0,
"orderamount": 0,
"taxamount": 0,
"ordercharges": 0,
@@ -976,9 +978,12 @@ const Createorder1 = () => {
"deliverytime": `${dayjs(startdate).format('YYYY-MM-DD')} ${dayjs(selectedtime.$d).format('HH:mm:ss')}`,
"deliverylocationid": clientinfo.deliverylocationid,
"deliveryaddress": clientinfo.address,
"pickupaddress": tenantinfo.locationaddress,
"pickuplat": tenantinfo.locationlatitude,
"pickuplong": tenantinfo.locationlong,
// "pickupaddress": tenantinfo.locationaddress,//
// "pickuplat": tenantinfo.locationlatitude,//
// "pickuplong": tenantinfo.locationlong,//
"pickupaddress": tenantinfo.address,//
"pickuplat": tenantinfo.latitude,//
"pickuplong": tenantinfo.longitude,//
"ordernotes": otherinstructions,
"remarks": "",
"tenantuserid": parseInt(localStorage.getItem('tenantid')),
@@ -987,20 +992,29 @@ const Createorder1 = () => {
"partnerid": tenant.partnerid,
"deliverylat": clientinfo.latitude,
"deliverylong": clientinfo.longitude,
"applocationid": parseInt(localStorage.getItem('applocationid'))
"applocationid": parseInt(localStorage.getItem('applocationid')),
"deliveryid":clientinfo.customerid,
"pickuplocationid":tenantinfo.deliverylocationid
}]
if (!tenantinfo.tenantid) {
opentoast('Choose Location')
// if (!tenantinfo.tenantid) {
// opentoast('Choose Location')
} else if (!clientinfo.address) {
opentoast('Choose Customer')
// }
// else
if(!tenantinfo.address){
opentoast('Choose Pickup Location')
}else
if (!clientinfo.address) {
opentoast('Choose Drop Location')
} else if (!selectedtime) {
opentoast('Choose Schedule Time')
} else {
setLoading(true)
await axios.post(`${process.env.REACT_APP_URL}/orders/createorders1`, arr)
await axios.post(`${process.env.REACT_APP_URL}/orders/createorders`, arr)
.then((res) => {
if (res.data.status) {
enqueueSnackbar('Order Created Successfully', {
@@ -1171,14 +1185,14 @@ const Createorder1 = () => {
>
<Grid item xs={12}
>
<Stack
// direction={{ md: 'row', xs: 'column' }}
direction={'row'}
sx={{ p: 1, ml: 1,mt:1 }} justifyContent="space-between" alignItems="center" width="100%">
<Stack
// direction={{ md: 'row', xs: 'column' }}
direction={'row'}
sx={{ p: 1, ml: 1, mt: 1 }} justifyContent="space-between" alignItems="center" width="100%">
<Typography variant="h3">Create Order</Typography>
<Button variant="outlined" onClick={() => {
setOpen4(true)
}} color="success" startIcon={<PlusOutlined />} >Create Customer</Button>
<Button variant="outlined" onClick={() => {
setOpen4(true)
}} color="success" startIcon={<PlusOutlined />} >Create Customer</Button>
</Stack>
</Grid>
</CardActions>
@@ -1204,7 +1218,7 @@ const Createorder1 = () => {
<Grid item xs={12}>
<Grid container spacing={2} sx={{ height: '100%' }}>
<Grid item xs={12} sm={6}
sx={{ height: '100%' }}
// sx={{ height: '100%' }}
>
<MainCard
@@ -1218,13 +1232,22 @@ const Createorder1 = () => {
<Autocomplete
id="free-solo-demo"
sx={{ mt: 2 }}
options={tenantlocationlist}
// options={tenantlocationlist}
options={clientdetailarr}
renderInput={(params) => <TextField {...params} label="Choose Location" />}
onChange={(e, val) => {
if (val) {
setTenantinfo(val)
clientdetails(val.tenantid)
// clientdetails(val.tenantid)
if(clientinfo.customerid == val.customerid){
opentoast('choose different Location')
setTenantinfo({})
}else{
setTenantinfo(val)
}
} else {
setTenantinfo({})
}
@@ -1235,18 +1258,28 @@ const Createorder1 = () => {
disabled={(tenant.tenantid) ? false : true}
/>
</Grid>
<Grid item xs={12}>
<Grid item xs={12} >
<Box sx={{ border: '1px solid #bdbdbd', p: 1, borderRadius: 1, mt: 2 }}>
<Typography color="secondary" sx={{ mr: 1 }}><EnvironmentOutlined />{' '}{tenantinfo.locationaddress || ''}
<Typography color="secondary" sx={{ mr: 1 }}><EnvironmentOutlined />{' '}
{/* {tenantinfo.locationaddress || ''} */}
{tenantinfo.address || ''}
</Typography>
</Box>
</Grid>
{/* <Grid item xs={12} >
<IconButton sx={{p:1,fontSize:'30px',border:'1px solid grey'}}>
<SwapVertIcon
fontSize='18px'
/>
</IconButton>
</Grid> */}
<Grid item xs={12} sx={{ height: '100%' }} >
<Grid item xs={12} sx={{ height: '100%',mt:5 }} >
<FormLabel>Drop Location</FormLabel>
<Autocomplete
@@ -1257,7 +1290,14 @@ const Createorder1 = () => {
onChange={(e, val) => {
if (val) {
setClientinfo(val)
if(tenantinfo.customerid == val.customerid){
opentoast('choose different Location')
setClientinfo({})
}else{
setClientinfo(val)
}
} else {
setClientinfo({})
}
@@ -1272,7 +1312,7 @@ const Createorder1 = () => {
<Box sx={{ border: '1px solid #bdbdbd', p: 1, borderRadius: 1, my: 2 }}>
<Typography color="secondary" sx={{ mr: 1 }}><EnvironmentOutlined />{' '}{clientinfo.address || ''}
<Typography color="secondary" sx={{ mr: 1 }} ><EnvironmentOutlined />{' '}{clientinfo.address || ''}
</Typography>
</Box>
@@ -1283,11 +1323,13 @@ const Createorder1 = () => {
</MainCard>
</Grid>
<Grid item xs={12} sm={6} sx={{ height: '100%' }}>
<Grid item xs={12} sm={6}
// sx={{ height: '100%' }}
>
<MainCard
sx={{ height: '100%' }}
>
<Grid container spacing={2}>
<Grid container spacing={2} sx={{ height: '100%' }}>
<Grid item xs={12} >
<LocalizationProvider dateAdapter={AdapterDayjs} sx={{ width: '100%' }}>
@@ -1350,7 +1392,17 @@ const Createorder1 = () => {
{/* <p>{selectedtime}</p> */}
<MainCard sx={{
mt: 1,
// height: { md: '270px', xs: '100%' }
height: { md: '150px' },
overflowY: "scroll",
scrollbarWidth: "thin", // Hide scrollbar in Firefox
"&::-webkit-scrollbar": {
width: "3px", // Customize the width of the scrollbar
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: "#65387A", // Customize the scrollbar thumb color
borderRadius: "6px", // Round the scrollbar thumb
},
}}>
<Grid container spacing={2} >
@@ -1413,19 +1465,19 @@ const Createorder1 = () => {
</Stack>
</Box> */}
</Grid>
<Grid item xs={12}>
<Grid item xs={12} >
<Grid item xs={12}>
{/* <Grid item xs={12}> */}
<TextField id="outlined-multiline-static" sx={{ width: '100%', height: '100%',mb:2 }} multiline rows={1} placeholder='Notes'
value={otherinstructions} onChange={(e) => setOtherinstructions(e.target.value)} />
<TextField id="outlined-multiline-static" sx={{ width: '100%', height: '100%', mb: 2 }} multiline rows={1} placeholder='Notes'
value={otherinstructions} onChange={(e) => setOtherinstructions(e.target.value)} />
</Grid>
{/* </Grid> */}
@@ -1435,20 +1487,22 @@ const Createorder1 = () => {
</MainCard>
</Grid>
<Grid item xs={12}>
<Stack direction='row' justifyContent='flex-end' sx={{ mt: 2, backgroundColor: '#fff' }} >
<Button variant='contained' onClick={() => {
createsubmitobj1()
}}>Create</Button>
</Stack>
</Grid>
</Grid>
</Grid>
<Grid item xs={12}>
<Stack direction='row' justifyContent='flex-end' sx={{ mt: 2, backgroundColor: '#fff' }} >
<Button variant='contained' onClick={() => {
createsubmitobj1()
}}>Create</Button>
</Stack>
</Grid>
</Grid >

View File

@@ -191,12 +191,12 @@ const Orders = () => {
label: 'S NO',
},
{
id: 'tenantname',
numeric: false,
disablePadding: false,
label: 'CUSTOMER',
},
// {
// id: 'tenantname',
// numeric: false,
// disablePadding: false,
// label: 'CUSTOMER',
// },
{
id: 'orderid',
numeric: false,
@@ -206,12 +206,12 @@ const Orders = () => {
{
id: 'eventname',
disablePadding: false,
label: 'Pickup Location',
label: 'Pickup',
},
{
id: 'eventname4',
disablePadding: false,
label: 'Delivery Location',
label: 'Delivery',
},
// {
// id: 'ordervalue',
@@ -603,31 +603,8 @@ const Orders = () => {
</TableCell>
<TableCell align="left" sx={{ paddingLeft: '12px !important' }}>
<Stack direction="row" alignItems="center" spacing={1} justifyContent="flex-start">
<Avatar
alt=""
size="sm"
// src={row.profileimage}
sx={{
width: '25px',
height: '25px'
}}
>
</Avatar>
<Stack direction="column">
<Typography variant="caption">{row.customername}</Typography>
<Typography variant="caption" color="textSecondary">
{/* {row.identification}*/}
{row.contactno}
</Typography>
</Stack>
</Stack>
</TableCell>
<TableCell align="left">
<TableCell align='left'>
<Typography variant='body2' noWrap>{row.orderid}</Typography>
<Typography noWrap
sx={{ fontSize: '11px' }}>
@@ -640,31 +617,98 @@ const Orders = () => {
{dayjs(row.deliverytime).utc().format('hh:mm A')}
</Typography>
</TableCell>
<TableCell align="left">
<Stack direction='column'>
{/* <Typography variant="caption" > {row.eventname}</Typography> */}
<Tooltip title={row.pickupaddress}>
<Typography variant="caption" color="textSecondary"
>
{/* {row.pickupaddress.slice(0, 20)} */}
{row.locationsuburb || row.pickupaddress.slice(0, 20)}
{/* <TableCell align="left" sx={{ paddingLeft: '12px !important' }}>
<Stack direction="row" alignItems="center" spacing={1} justifyContent="flex-start">
<Avatar
alt=""
size="sm"
sx={{
width: '25px',
height: '25px'
}}
>
</Avatar>
<Stack direction="column">
<Typography variant="caption">{row.customername}</Typography>
<Typography variant="caption" color="textSecondary">
{row.contactno}
</Typography>
</Tooltip>
</Stack>
</Stack>
</TableCell> */}
<TableCell align="left">
<Stack direction={'row'} spacing={1}>
<Avatar
alt=""
size="sm"
sx={{
width: '25px',
height: '25px'
}}
>
</Avatar>
<Stack direction="column">
<Typography variant="caption">{row.pickupcustomer}</Typography>
<Typography variant="caption" color="textSecondary">
{row.pickupcontactno}
</Typography>
<Tooltip title={row.pickupaddress}>
<Typography variant="caption" color="textSecondary"
>
{/* {row.pickupaddress.slice(0, 20)} */}
{row.pickupsuburb || row.pickupaddress.slice(0, 20)}
</Typography>
</Tooltip>
</Stack>
</Stack>
{/* <Stack direction='column'>
</Stack> */}
</TableCell>
<TableCell align="left">
<Stack direction='column'>
{/* <Typography variant="caption" > {row.eventname}</Typography> */}
{/* <Stack direction='column'>
<Tooltip title={row.deliveryaddress}>
<Typography variant="caption" color="textSecondary"
>
{/* {row.deliveryaddress.slice(0, 20)} */}
{row.customersuburb || row.deliveryaddress.slice(0, 20)}
{row.customersuburb || row.deliveryaddress.slice(0, 20)}
</Typography>
</Tooltip>
</Stack> */}
<Stack direction={'row'} spacing={1}>
<Avatar
alt=""
size="sm"
sx={{
width: '25px',
height: '25px'
}}
>
</Avatar>
<Stack direction="column">
<Typography variant="caption">{row.deliverycustomer}</Typography>
<Typography variant="caption" color="textSecondary">
{row.deliverycontactno}
</Typography>
<Tooltip title={row.deliveryaddress}>
<Typography variant="caption" color="textSecondary"
>
{/* {row.pickupaddress.slice(0, 20)} */}
{row.deliverysuburb || row.deliveryaddress.slice(0, 20)}
</Typography>
</Tooltip>
</Stack>
</Stack>
</TableCell>
@@ -1399,10 +1443,10 @@ const Orders = () => {
return (val.orderid.toLowerCase().includes(searchword.toLowerCase())
|| val.deliveryaddress.toLowerCase().includes(searchword.toLowerCase())
|| val.customername.toLowerCase().includes(searchword.toLowerCase())
// || val.customername.toLowerCase().includes(searchword.toLowerCase())
|| val.pickupaddress.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.ordernotes.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
// || val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
)
})
@@ -1421,8 +1465,8 @@ const Orders = () => {
|| val.pickupaddress.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.ordernotes.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.deliveryaddress.toLowerCase().includes(searchword.toLowerCase())
|| val.customername.toLowerCase().includes(searchword.toLowerCase())
|| val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
// || val.customername.toLowerCase().includes(searchword.toLowerCase())
// || val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
)
})
@@ -1438,10 +1482,10 @@ const Orders = () => {
return (val.orderid.toLowerCase().includes(searchword.toLowerCase())
|| val.eventname.toLowerCase().includes(searchword.toLowerCase())
|| val.customername.toLowerCase().includes(searchword.toLowerCase())
// || val.customername.toLowerCase().includes(searchword.toLowerCase())
|| val.ordervalue.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.deliveryaddress.toLowerCase().includes(searchword.toLowerCase())
|| val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
// || val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
)
})
@@ -1459,8 +1503,8 @@ const Orders = () => {
|| val.pickupaddress.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.ordernotes.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.deliveryaddress.toLowerCase().includes(searchword.toLowerCase())
|| val.customername.toLowerCase().includes(searchword.toLowerCase())
|| val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
// || val.customername.toLowerCase().includes(searchword.toLowerCase())
// || val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
)
})
@@ -1478,8 +1522,8 @@ const Orders = () => {
|| val.pickupaddress.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.ordernotes.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.deliveryaddress.toLowerCase().includes(searchword.toLowerCase())
|| val.customername.toLowerCase().includes(searchword.toLowerCase())
|| val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
// || val.customername.toLowerCase().includes(searchword.toLowerCase())
// || val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
)
})
@@ -1497,8 +1541,8 @@ const Orders = () => {
|| val.pickupaddress.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.ordernotes.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.deliveryaddress.toLowerCase().includes(searchword.toLowerCase())
|| val.customername.toLowerCase().includes(searchword.toLowerCase())
|| val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
// || val.customername.toLowerCase().includes(searchword.toLowerCase())
// || val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
)
})
@@ -1516,8 +1560,8 @@ const Orders = () => {
|| val.pickupaddress.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.ordernotes.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.deliveryaddress.toLowerCase().includes(searchword.toLowerCase())
|| val.customername.toLowerCase().includes(searchword.toLowerCase())
|| val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
// || val.customername.toLowerCase().includes(searchword.toLowerCase())
// || val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
)
})
@@ -1592,8 +1636,8 @@ const Orders = () => {
|| val.pickupaddress.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.ordernotes.toString().toLowerCase().includes(searchword.toLowerCase())
|| val.deliveryaddress.toLowerCase().includes(searchword.toLowerCase())
|| val.customername.toLowerCase().includes(searchword.toLowerCase())
|| val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
// || val.customername.toLowerCase().includes(searchword.toLowerCase())
// || val.contactno.toString().toLowerCase().includes(searchword.toLowerCase())
)
})
@@ -2072,44 +2116,44 @@ const Orders = () => {
{/* <Grid item md={8} sx={{ display: { sm: 'none', md: 'block', lg: 'none' } }} /> */}
<Grid item xs={12} sx={{mb:-3}}>
<Grid item xs={12} sx={{ mb: -3 }}>
<Stack direction={'row'} justifyContent={'space-between'}>
{(startdate && enddate) &&
<Stack direction='row' spacing={2}>
<Chip label={`Orders-${datestatus}`} color="primary" variant="light" size="small" />
<Chip label={<Typography noWrap color="secondary">{dayjs(startdate).format('DD/MM/YYYY')} - {dayjs(enddate).format('DD/MM/YYYY')}</Typography>} variant="combined" color='warning' size='small' />
</Stack>
}
{(!startdate || !enddate) &&
<>
{(startdate && enddate) &&
<Stack direction='row' spacing={2}>
<Chip label='Orders-All' color="primary" variant="light" size="small" />
<Chip label={`Orders-${(datestatus)?datestatus:''}`} color="primary" variant="light" size="small" />
<Chip label={<Typography noWrap color="secondary">{dayjs(startdate).format('DD/MM/YYYY')} - {dayjs(enddate).format('DD/MM/YYYY')}</Typography>} variant="combined" color='warning' size='small' />
</Stack>
</>
}
}
{(!startdate || !enddate) &&
<>
<Stack direction='row' spacing={2}>
<Chip label='Orders-All' color="primary" variant="light" size="small" />
</Stack>
</>
}
<Tooltip title='Order Filter'>
<IconButton
<Tooltip title='Order Filter'>
<IconButton
color="secondary"
variant="light"
sx={{ color: 'text.primary', bgcolor: 'grey.200', display: { xs: 'none', md: 'flex' } }}
color="secondary"
variant="light"
sx={{ color: 'text.primary', bgcolor: 'grey.200', display: { xs: 'none', md: 'flex' } }}
aria-haspopup="true"
aria-haspopup="true"
onClick={() => setOpen(true)} >
<FilterList />
</IconButton>
</Tooltip>
onClick={() => setOpen(true)} >
<FilterList />
</IconButton>
</Tooltip>
</Stack>
</Grid>

View File

@@ -70,11 +70,11 @@ const MainRoutes = {
element: <Accountsettings />
},
{
path: 'orders/create',
path: 'orders/create1',
element: <Createorder />
},
{
path: 'orders/create1',
path: 'orders/create',
element: <Createorder1 />
},
{