Merge branch 'mhmfajar-dev' into mhmfajar

frontend/client-portal/src/pages/Dashboard/Dashboard.tsx

@@ -0,0 +1,67 @@
+// @mui
+import { Typography, Container, Grid } from '@mui/material';
+// hooks
+import useSettings from '../../hooks/useSettings';
+// components
+import Page from '../../components/Page';
+// Table
+import List from './List';
+// theme
+import CardNotification from '../../sections/dashboard/CardNotification';
+import CardBalance from '../../sections/dashboard/CardBalance';
+
+// ----------------------------------------------------------------------
+
+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}>
+            {/* <List /> */}
+          </Grid>
+        </Grid>
+      </Container>
+
+      {/* <DialogDetailClaim /> */}
+    </Page>
+  );
+}