feat: analytics

This commit is contained in:
ferdiansyah783
2025-08-07 23:48:31 +07:00
parent a5d22db27b
commit 687f59a9fa
10 changed files with 1651 additions and 85 deletions
@@ -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>