dikit lagi

src/container/Laporan/SubHolding.js

 import React, { Component } from 'react'
-import { Typography, MenuItem, TextField, AppBar, Paper, Tabs, Tab } from '@material-ui/core'
+import { Typography, MenuItem, TextField, AppBar, Paper, Tabs, Tab, Snackbar, withStyles } from '@material-ui/core'
 import Constant from '../../library/Constant'
 import api from '../../api'
 import { titleCase } from '../../library/Utils'
@@ -8,6 +8,10 @@ import TableSubHolding from './TableSubHolding'
 import { PropagateLoader } from 'react-spinners'
 import ReactTooltip from 'react-tooltip'
 import Images from '../../assets/Images'
+import MuiAlert from '@material-ui/lab/Alert';
+
+const Alert = withStyles({
+})((props) => <MuiAlert elevation={6} variant="filled" {...props} />);
 
 export default class SubHolding extends Component {
     constructor(props) {
@@ -193,7 +197,18 @@ export default class SubHolding extends Component {
                             this.getSubmission()
                         })
                     }
+                } else {
+                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => {
+                        if (response.data.message.includes("Someone Logged In")) {
+                            setTimeout(() => {
+                                localStorage.removeItem(Constant.TOKEN)
+                                window.location.reload();
+                            }, 1000);
+                        }
+                    })
                 }
+            } else {
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })   
             }
         })
     }
@@ -493,6 +508,7 @@ export default class SubHolding extends Component {
                 console.log(response);
                 let dataTable = []
                 if (response.data) {
+                    if (response.data.status === 'success') {
                         let res = response.data.data
                         const handlePushChild = (item) => {
                             let indexIDzz = dataTable.findIndex((val) => val[1] === item.id)
@@ -571,7 +587,17 @@ export default class SubHolding extends Component {
                         })
                         this.setState({ dataTable, previewTable: true, loading: false, previewDownload: true })
                     } else {                            
-                    this.setState({ dataTable: [], previewTable: false, loading: false, previewDownload: false })
+                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning', loading: false }, () => {
+                            if (response.data.message.includes("Someone Logged In")) {
+                                setTimeout(() => {
+                                    localStorage.removeItem(Constant.TOKEN)
+                                    window.location.reload();
+                                }, 1000);
+                            }
+                        })
+                    }                    
+                } else {
+                    this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
                 }
             })
         }
@@ -639,6 +665,10 @@ export default class SubHolding extends Component {
         }
     }
 
+    closeAlert() {
+        this.setState({ alert: false })
+    }
+
     render() {
         const loadingComponent = (
             <div style={{ position: 'fixed', zIndex: 110, top: 0, left: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', background: 'rgba(255,255,255,0.8)' }}>
@@ -656,6 +686,11 @@ export default class SubHolding extends Component {
                     <div className={"main-color"} style={{ height: 78, display: 'flex', alignItems: 'center', paddingLeft: 20 }}>
                         <Typography style={{ fontSize: '16px', color: 'white' }}>Sub Holding Report</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>
                     <div style={{ padding: 20, width: '100%' }}>
                         <Paper style={{ paddingTop: 10 }}>
                             <div style={{ borderBottom: 'solid 1px #c4c4c4' }} >