feat: analytics
This commit is contained in:
@@ -0,0 +1,60 @@
|
||||
// React Imports
|
||||
import React from 'react'
|
||||
|
||||
// MUI Imports
|
||||
import Grid from '@mui/material/Grid2'
|
||||
|
||||
// Component Imports
|
||||
import AppReactDatepicker from '@/libs/styles/AppReactDatepicker'
|
||||
import CustomTextField from '@core/components/mui/TextField'
|
||||
|
||||
// Props Type
|
||||
type PickerBasicProps = {
|
||||
dateFrom: Date | null
|
||||
dateTo: Date | null
|
||||
onChangeDateFrom: (date: Date | null) => void
|
||||
onChangeDateTo: (date: Date | null) => void
|
||||
labelFrom?: string
|
||||
labelTo?: string
|
||||
}
|
||||
|
||||
const PickerBasic: React.FC<PickerBasicProps> = ({
|
||||
dateFrom,
|
||||
dateTo,
|
||||
onChangeDateFrom,
|
||||
onChangeDateTo
|
||||
}) => {
|
||||
return (
|
||||
<Grid container spacing={4}>
|
||||
<Grid size={{ xs: 12, md: 6 }}>
|
||||
<AppReactDatepicker
|
||||
selected={dateFrom}
|
||||
id='date-from'
|
||||
onChange={onChangeDateFrom}
|
||||
customInput={
|
||||
<CustomTextField
|
||||
fullWidth
|
||||
className='bg-white rounded-lg shadow-sm border border-gray-300'
|
||||
/>
|
||||
}
|
||||
/>
|
||||
</Grid>
|
||||
|
||||
<Grid size={{ xs: 12, md: 6 }}>
|
||||
<AppReactDatepicker
|
||||
selected={dateTo}
|
||||
id='date-to'
|
||||
onChange={onChangeDateTo}
|
||||
customInput={
|
||||
<CustomTextField
|
||||
fullWidth
|
||||
className='bg-white rounded-lg shadow-sm border border-gray-300'
|
||||
/>
|
||||
}
|
||||
/>
|
||||
</Grid>
|
||||
</Grid>
|
||||
)
|
||||
}
|
||||
|
||||
export default PickerBasic
|
||||
@@ -83,15 +83,27 @@ const VerticalMenu = ({ dictionary, scrollMenu }: Props) => {
|
||||
<SubMenu label={dictionary['navigation'].dashboards} icon={<i className='tabler-smart-home' />}>
|
||||
<MenuItem href={`/${locale}/dashboards/crm`}>{dictionary['navigation'].crm}</MenuItem>
|
||||
<MenuItem href={`/${locale}/dashboards/analytics`}>{dictionary['navigation'].analytics}</MenuItem>
|
||||
<MenuItem href={`/${locale}/dashboards/ecommerce`}>{dictionary['navigation'].eCommerce}</MenuItem>
|
||||
<SubMenu label={dictionary['navigation'].eCommerce}>
|
||||
<MenuItem href={`/${locale}/dashboards/ecommerce/order`}>{dictionary['navigation'].orders}</MenuItem>
|
||||
<MenuItem href={`/${locale}/dashboards/ecommerce/product`}>{dictionary['navigation'].products}</MenuItem>
|
||||
</SubMenu>
|
||||
<SubMenu label={dictionary['navigation'].finance}>
|
||||
<MenuItem href={`/${locale}/dashboards/finance/payment-method`}>
|
||||
{dictionary['navigation'].paymentMethods}
|
||||
</MenuItem>
|
||||
</SubMenu>
|
||||
</SubMenu>
|
||||
<MenuSection label={dictionary['navigation'].appsPages}>
|
||||
<SubMenu label={dictionary['navigation'].eCommerce} icon={<i className='tabler-shopping-cart' />}>
|
||||
<MenuItem href={`/${locale}/apps/ecommerce/dashboard`}>{dictionary['navigation'].dashboard}</MenuItem>
|
||||
<SubMenu label={dictionary['navigation'].products}>
|
||||
<MenuItem href={`/${locale}/apps/ecommerce/products/list`}>{dictionary['navigation'].list}</MenuItem>
|
||||
<MenuItem className='hidden' href={`/${locale}/apps/ecommerce/products/${params.id}/detail`}>{dictionary['navigation'].details}</MenuItem>
|
||||
<MenuItem className='hidden' href={`/${locale}/apps/ecommerce/products/${params.id}/edit`}>{dictionary['navigation'].edit}</MenuItem>
|
||||
<MenuItem className='hidden' href={`/${locale}/apps/ecommerce/products/${params.id}/detail`}>
|
||||
{dictionary['navigation'].details}
|
||||
</MenuItem>
|
||||
<MenuItem className='hidden' href={`/${locale}/apps/ecommerce/products/${params.id}/edit`}>
|
||||
{dictionary['navigation'].edit}
|
||||
</MenuItem>
|
||||
<MenuItem href={`/${locale}/apps/ecommerce/products/add`}>{dictionary['navigation'].add}</MenuItem>
|
||||
<MenuItem href={`/${locale}/apps/ecommerce/products/category`}>
|
||||
{dictionary['navigation'].category}
|
||||
@@ -109,7 +121,9 @@ const VerticalMenu = ({ dictionary, scrollMenu }: Props) => {
|
||||
</SubMenu>
|
||||
<SubMenu label={dictionary['navigation'].stock}>
|
||||
<MenuItem href={`/${locale}/apps/ecommerce/inventory/list`}>{dictionary['navigation'].list}</MenuItem>
|
||||
<MenuItem href={`/${locale}/apps/ecommerce/inventory/adjustment`}>{dictionary['navigation'].addjustment}</MenuItem>
|
||||
<MenuItem href={`/${locale}/apps/ecommerce/inventory/adjustment`}>
|
||||
{dictionary['navigation'].addjustment}
|
||||
</MenuItem>
|
||||
</SubMenu>
|
||||
<MenuItem href={`/${locale}/apps/ecommerce/settings`}>{dictionary['navigation'].settings}</MenuItem>
|
||||
</SubMenu>
|
||||
|
||||
Reference in New Issue
Block a user