cleansing

src/container/BudgetTahunan.js

@@ -372,7 +372,7 @@ export default class BudgetTahunan extends Component {
         }
         api.create().getSubmission(payload).then(response => {
             console.log(response)
-            if (response) {
+            if (response.data) {
                 if (response.data.status === "success") {
                     this.setState({
                         submissionID: response.data.data.submission_id,

src/container/HomePage.js

@@ -6,6 +6,7 @@ import DonutChart from 'react-d3-donut';
 import Constant from '../library/Constant';
 import api from '../api';
 import { Link } from 'react-router-dom';
+import { PropagateLoader } from 'react-spinners';
 
 var ct = require("../library/CustomTable");
 const getMuiTheme = () => createMuiTheme(ct.customTable());
@@ -26,11 +27,13 @@ class HomePage extends Component {
             listSubcoMB: [],
             valueSubmit: 0,
             listdmb: [],
-            dataTableMB: []
+            dataTableMB: [],
+            loading: false
         }
     }
 
     componentDidMount() {
+        this.setState({ loading: true })
         let userId = localStorage.getItem(Constant.USER)
         api.create().getDetailUser(userId).then((response) => {
             if (response.data) {
@@ -51,8 +54,6 @@ class HomePage extends Component {
         //     }
         // })
         this.getApprMat()
-        this.getListUserSubco()
-        this.getDashboardMB()
     }
 
     componentDidUpdate() {
@@ -75,7 +76,8 @@ class HomePage extends Component {
                     })
                     this.setState({
                         listSubcoMB: response.data.data,
-                        valueSubmit
+                        valueSubmit,
+                        loading: false
                     })
                 }
             }
@@ -109,15 +111,17 @@ class HomePage extends Component {
             let indexId = actAM.findIndex((val) => val.user_id == userId)
             if (indexId === -1) {
                 this.setState({ isApprover: false })
+                this.getListUserSubco()
             }
+            this.getDashboardMB()
             console.log(actAM)
         })
     }
 
     getDashboardMB() {
-        api.create().getDashboardMB().then((response) =>{
+        api.create().getDashboardMB().then((response) => {
             console.log(response)
-            if(String(response.data.status).toLocaleLowerCase() == 'success'){
+            if (String(response.data.status).toLocaleLowerCase() == 'success') {
                 let data = response.data.data
                 let listdmb = data.sort((a, b) => a.company_id - b.company_id).map((item, index) => {
                     return [
@@ -126,12 +130,23 @@ class HomePage extends Component {
                         item.operating_indicator
                     ]
                 })
-                this.setState({ dataTableMB: listdmb })
+                this.setState({ dataTableMB: listdmb, loading: false })
             }
         })
     }
 
     render() {
+        const loadingComponent = (
+            <div style={{ position: 'absolute', zIndex: 110, top: 0, left: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', background: 'rgba(255,255,255,0.8)' }}>
+                <PropagateLoader
+                    // css={override}
+                    size={20}
+                    color={"#274B80"}
+                    loading={this.state.loading}
+                />
+            </div>
+        );
+
         const columns = ["#", "ID", "Nama Perusahaan", "Jenis Report", "Revisi", "Status", {
             name: "Action",
             options: {
@@ -213,6 +228,7 @@ class HomePage extends Component {
         }]
         return (
             <div style={{ flex: 1, backgroundColor: '#f8f8f8' }}>
+                {this.state.loading && loadingComponent}
                 {this.state.isApprover === true ?
                     <div>
                         <div className={"main-color"} style={{ height: 78, flex: 1, display: 'flex', alignItems: 'center', paddingLeft: 20 }}>