Files
aso/frontend/client-portal/src/pages/Dashboard/Dashboard.tsx
2026-01-21 17:13:45 +07:00

45 lines
1.4 KiB
TypeScript

/* ---------------------------------- @mui ---------------------------------- */
import { Container, Grid } from '@mui/material';
/* ------------------------------- components ------------------------------- */
import Page from '../../components/Page';
/* ---------------------------------- hooks --------------------------------- */
import useSettings from '../../hooks/useSettings';
import HeaderBreadcrumbs from '../../components/HeaderBreadcrumbs';
import DashboardBilling from './DashboardBilling';
import DashboardBillingProvider from './DashboardBillingProvider';
import DashboardBillingDiagnosis from './DashboardBillingDiagnosis';
export default function Drugs() {
const { themeStretch } = useSettings();
return (
<Page title="Dashboard">
<Container maxWidth={themeStretch ? false : 'xl'}>
<HeaderBreadcrumbs
heading={'Dashboard'}
links={[
{ name: 'Dashboard', href: '/dashboard' }
]}
/>
<Grid container spacing={2}>
<Grid item xs={12}>
{/* Billing per bulan */}
<DashboardBilling />
</Grid>
<Grid item xs={12}>
{/* Billing per provider */}
<DashboardBillingProvider />
</Grid>
<Grid item xs={12}>
{/* Billing per diagnosis */}
<DashboardBillingDiagnosis />
</Grid>
</Grid>
</Container>
</Page>
);
}