updates on the orders and the datepicker as been removed
This commit is contained in:
@@ -541,71 +541,7 @@ const Orders = () => {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
{/* ============================================= || Filter Bar (compact) || ============================================= */}
|
|
||||||
<Paper
|
|
||||||
elevation={0}
|
|
||||||
sx={{
|
|
||||||
mt: { xs: 1, md: 1.25 },
|
|
||||||
p: { xs: 1, md: 1.125 },
|
|
||||||
borderRadius: 2,
|
|
||||||
border: '1px solid',
|
|
||||||
borderColor: DT.borderSubtle,
|
|
||||||
background: '#fff',
|
|
||||||
boxShadow: DT.shadowSoft
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Stack
|
|
||||||
direction={{ xs: 'column', md: 'row' }}
|
|
||||||
spacing={1.25}
|
|
||||||
alignItems={{ xs: 'stretch', md: 'center' }}
|
|
||||||
justifyContent={{ xs: 'flex-start', md: 'space-between' }}
|
|
||||||
>
|
|
||||||
<Stack direction="row" spacing={1} alignItems="center" flexWrap="wrap" useFlexGap>
|
|
||||||
<Tooltip title="Date Filter" placement="top">
|
|
||||||
<Box
|
|
||||||
onClick={() => setDateOpen(true)}
|
|
||||||
sx={{
|
|
||||||
display: 'inline-flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 0.75,
|
|
||||||
px: 1.25,
|
|
||||||
py: 0.75,
|
|
||||||
borderRadius: 999,
|
|
||||||
cursor: 'pointer',
|
|
||||||
bgcolor: tint('#f59e0b'),
|
|
||||||
border: `1.5px solid ${edge('#f59e0b')}`,
|
|
||||||
color: '#f59e0b',
|
|
||||||
fontWeight: 800,
|
|
||||||
fontSize: 12,
|
|
||||||
transition: 'all 0.18s',
|
|
||||||
'&:hover': { borderColor: '#f59e0b', boxShadow: `0 0 0 3px ${ring('#f59e0b')}` }
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<MdCalendarMonth size={14} />
|
|
||||||
{dayjs(startdate).format('DD/MM/YY')} – {dayjs(enddate).format('DD/MM/YY')}
|
|
||||||
</Box>
|
|
||||||
</Tooltip>
|
|
||||||
<Box
|
|
||||||
sx={{
|
|
||||||
display: 'inline-flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
gap: 0.5,
|
|
||||||
px: 1,
|
|
||||||
py: 0.5,
|
|
||||||
borderRadius: 999,
|
|
||||||
bgcolor: tint(BRAND),
|
|
||||||
border: `1px solid ${edge(BRAND)}`,
|
|
||||||
color: BRAND,
|
|
||||||
fontSize: 11,
|
|
||||||
fontWeight: 800
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<MdReceiptLong size={12} /> {datestatus}
|
|
||||||
</Box>
|
|
||||||
</Stack>
|
|
||||||
|
|
||||||
</Stack>
|
|
||||||
</Paper>
|
|
||||||
|
|
||||||
{/* ============================================= || Status Tabs + Search (compact) || ============================================= */}
|
{/* ============================================= || Status Tabs + Search (compact) || ============================================= */}
|
||||||
<Paper
|
<Paper
|
||||||
|
|||||||
Reference in New Issue
Block a user