import React, { Component } from 'react'; import { Typography, MuiThemeProvider, createMuiTheme } from '@material-ui/core'; import MUIDataTable from "mui-datatables"; import Images from '../assets/Images'; import DonutChart from 'react-d3-donut'; import Constant from '../library/Constant'; import api from '../api'; var ct = require("../library/CustomTable"); const getMuiTheme = () => createMuiTheme(ct.customTable()); class HomePage extends Component { constructor(props) { super(props) this.state = { userData: null } } componentDidMount() { let userId = localStorage.getItem(Constant.USER) api.create().getDetailUser(userId).then((response) => { if (response.data) { if (response.data.status === 'success') { this.setState({userData: response.data.data}, () => { console.log(this.state.userData) }) } } }) } render() { const columns = ["#", "Nama Perusahaan", "Revisi", "Status", { name: "Action", options: { customBodyRender: (val, tableMeta) => { return (
); } } }] const data = [ ["1", "TRIPUTRA AGRO PERSADA", "Laporan Bulanan - September 2020", "1 (20 Oktober 2020)", "Belum Disetujui"], ["2", "DAYA GROUP", "Laporan Bulanan - September 2020", "1 (20 Oktober 2020)", "Belum Disetujui"], ["3", "PUNINAR INFINITE RAYA", "Budget Tahunan 2021", "0 (20 Oktober 2020)", "Belum Disetujui"], ["4", "DHARMA GROUP", "Laporan Bulanan - September 2020", "0 (20 Oktober 2020)", "Belum Disetujui"], ["5", "PUNINAR INFINITE RAYA", "Budget Tahunan 2021", "0 (20 Oktober 2020)", "Belum Disetujui"], ] const options = { filter: false, sort: false, responsive: "scroll", print: false, download: false, selectableRows: false, viewColumns: false, rowsPerPage: 5, search: false } const dataChart = [{ count: 90, color: '#5198ea', name: 'My name', }, { count: 10, color: '#ffd600', name: 'name', }] const dataChart2 = [{ count: 90, color: '#f65a4c', name: 'My name', }, { count: 10, color: '#5198ea', name: 'name', }] const dataChart3 = [{ count: 90, color: '#4caf51', name: 'My name', }, { count: 10, color: '#f65a4c', name: 'name', }] return (
{this.state.userData === null? '' : `Selamat Datang, ${this.state.userData.fullname} !`}
Menunggu Persetujuan Anda
Status Laporan
Budget Tahunan - 2021
Submit 92.8 %
-0.6%
On Time 6.1 %
0.7%
Overdue 1.1 %
0.1%
Laporan Bulanan - Oct 2020
Submit 92.8 %
-0.6%
On Time 6.1 %
0.7%
Overdue 1.1 %
0.1%
Lainnya
Submit 92.8 %
-0.6%
On Time 6.1 %
0.7%
Overdue 1.1 %
0.1%
); } } export default HomePage;