fixed bugs tengah malam

src/container/BudgetTahunan/FixedAssetsMovement.js

 import React, { Component } from 'react';
-import { Typography, Paper, createMuiTheme, MuiThemeProvider, TableCell, FormControlLabel, TextField, Input, Tooltip, withStyles } from '@material-ui/core';
+import { Typography, Paper, createMuiTheme, MuiThemeProvider, TableCell, FormControlLabel, TextField, Input, Tooltip, withStyles, Snackbar } from '@material-ui/core';
 import MUIDataTable from 'mui-datatables';
 import NumberFormat from 'react-number-format';
 import api from '../../api';
@@ -10,6 +10,7 @@ import Images from '../../assets/Images';
 import ReactTooltip from 'react-tooltip';
 import UploadFile from "../../library/Upload";
 import { ExcelRenderer } from 'react-excel-renderer';
+import { Alert } from '@material-ui/lab';
 
 const LightTooltip = withStyles((theme) => ({
     tooltip: {
@@ -428,6 +429,10 @@ export default class FixedAssetsMovement extends Component {
         })
     }
 
+    closeAlert() {
+        this.setState({ alert: false })
+    }
+
     render() {
         let dataTable2 = this.state.dataTable
         const handleChange = (value, tableMeta, type) => {
@@ -1915,6 +1920,11 @@ export default class FixedAssetsMovement extends Component {
                 <div className={"main-color"} style={{ height: 78, flex: 1, display: 'flex', alignItems: 'center', paddingLeft: 20 }}>
                     <Typography style={{ fontSize: '16px', color: 'white' }}>Pengajuan Budget Tahunan</Typography>
                 </div>
+                <Snackbar open={this.state.alert} autoHideDuration={6000} onClose={() => this.closeAlert()}>
+                    <Alert onClose={() => this.closeAlert()} severity={this.state.tipeAlert}>
+                        {this.state.messageAlert}
+                    </Alert>
+                </Snackbar>
                 {this.state.loading && loadingComponent}
                 <div style={{ flex: 1, padding: 20, width: '100%' }}>
                     {this.state.visibleFixedAssetsMovement === true ?
@@ -2065,8 +2075,16 @@ export default class FixedAssetsMovement extends Component {
                                     </button>
                                     <button
                                         type="button"
-                                        disabled={this.state.buttonError}
-                                        onClick={() => this.backToMasterBudget('submitted')}
+                                        // disabled={this.state.buttonError}
+                                        onClick={() => {
+                                            this.state.buttonError ?
+                                                this.setState({ loading: true }, () => {
+                                                    setTimeout(() => {
+                                                        this.setState({ alert: true, messageAlert: 'Data is not complete !', tipeAlert: 'warning', loading: false })
+                                                    }, 100);
+                                                })
+                                                : this.backToMasterBudget('submitted')
+                                        }}
                                         style={{
                                             backgroundColor: 'transparent',
                                             cursor: this.state.buttonError === true ? 'default' : 'pointer',