67 lines
2.0 KiB
TypeScript
Executable File
67 lines
2.0 KiB
TypeScript
Executable File
// @mui
|
|
import { Typography, Container, Grid } from '@mui/material';
|
|
// hooks
|
|
import useSettings from '../../hooks/useSettings';
|
|
// components
|
|
import Page from '../../components/Page';
|
|
// theme
|
|
import CardNotification from '../../sections/dashboard/CardNotification';
|
|
import CardBalance from '../../sections/dashboard/CardBalance';
|
|
import TableList from '../../sections/dashboard/TableList';
|
|
import List from './List';
|
|
|
|
// ----------------------------------------------------------------------
|
|
|
|
const itemList = [
|
|
{ info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '08:00 WIB' },
|
|
{ info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '09:00 WIB' },
|
|
{ info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '10:00 WIB' },
|
|
{ info: 'Mohon lengkapi dokumen Mahen sadarsa', date: 'Selasa, 20 April 22', time: '11:00 WIB' },
|
|
];
|
|
|
|
// ----------------------------------------------------------------------
|
|
|
|
export default function Dashboard() {
|
|
const { themeStretch } = useSettings();
|
|
|
|
// const [corporate, setCorporate] = useState({});
|
|
|
|
// const loadSomething = () => {
|
|
// axios
|
|
// .get('dashboard')
|
|
// .then((res) => {
|
|
// setCorporate(res.data.corporate);
|
|
// })
|
|
// .catch((err) => {
|
|
// alert('Opps, Something Went Wrong when collecting dashboard data');
|
|
// });
|
|
// };
|
|
|
|
// useEffect(() => {
|
|
// loadSomething();
|
|
// }, []);
|
|
|
|
return (
|
|
<Page title="Dashboard">
|
|
<Container maxWidth={themeStretch ? false : 'xl'}>
|
|
<Typography variant="h3" component="h1" paragraph>
|
|
Dashboard
|
|
</Typography>
|
|
|
|
<Grid container spacing={2}>
|
|
<Grid item xs={6} lg={6} md={12}>
|
|
<CardNotification data={itemList} />
|
|
</Grid>
|
|
<Grid item xs={6} lg={6} md={12}>
|
|
<CardBalance />
|
|
</Grid>
|
|
<Grid item xs={12} lg={12} md={12}>
|
|
<TableList />
|
|
{/* <List /> */}
|
|
</Grid>
|
|
</Grid>
|
|
</Container>
|
|
</Page>
|
|
);
|
|
}
|