Merge branch 'master' of http://103.44.149.204/d.arizona/tia-dev into deni-

src/api/index.js

@@ -434,10 +434,10 @@ const create = (type = "") => {
     getSubmitOI,
     getLastPeriodOI,
     getDashboardUser,
+    getHierarkiMontlyReport
     getDetailReportCF,
     getReportHierarkiPL,
     getMonthlyReportID,
-    getHierarkiMontlyReport
   }
 }
 

src/container/ApprovalMatrix/ApprovalMatrix.js

@@ -452,7 +452,7 @@ export default class ApprovalMatrix extends Component {
                         this.getData()
                         this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'success' })
                     } else {
-                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
                             if (response.data.message.includes("Someone Logged In")) {
                                 setTimeout(() => {
                                     localStorage.removeItem(Constant.TOKEN)
@@ -462,10 +462,10 @@ export default class ApprovalMatrix extends Component {
                         })
                     }
                 } else {
-                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
+                    this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
                 }
             } else {
-                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error' })
+                this.setState({ loading: false, alert: true, messageAlert: response.problem, tipeAlert: 'error' })
             }
         })
     }
@@ -479,7 +479,7 @@ export default class ApprovalMatrix extends Component {
                         this.getData()
                         this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'success' })
                     } else {
-                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
                             if (response.data.message.includes("Someone Logged In")) {
                                 setTimeout(() => {
                                     localStorage.removeItem(Constant.TOKEN)
@@ -489,10 +489,10 @@ export default class ApprovalMatrix extends Component {
                         })
                     }
                 } else {
-                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
+                    this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
                 }
             } else {
-                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error' })
+                this.setState({ loading: false, alert: true, messageAlert: response.problem, tipeAlert: 'error' })
             }
         })
     }
@@ -506,7 +506,7 @@ export default class ApprovalMatrix extends Component {
                         this.getData()
                         this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'success' })
                     } else {
-                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
                             if (response.data.message.includes("Someone Logged In")) {
                                 setTimeout(() => {
                                     localStorage.removeItem(Constant.TOKEN)
@@ -516,10 +516,10 @@ export default class ApprovalMatrix extends Component {
                         })
                     }
                 } else {
-                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
+                    this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
                 }
             } else {
-                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error' })
+                this.setState({ loading: false, alert: true, messageAlert: response.problem, tipeAlert: 'error' })
             }
         })
     }
@@ -563,7 +563,7 @@ export default class ApprovalMatrix extends Component {
                         this.getData()
                         this.setState({ visibleAM: true, alert: true, messageAlert: response.data.message, tipeAlert: 'success' })
                     } else {
-                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
                             if (response.data.message.includes("Someone Logged In")) {
                                 setTimeout(() => {
                                     localStorage.removeItem(Constant.TOKEN)
@@ -573,10 +573,10 @@ export default class ApprovalMatrix extends Component {
                         })
                     }
                 } else {
-                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
+                    this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
                 }
             } else {
-                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error' })
+                this.setState({ loading: false, alert: true, messageAlert: response.problem, tipeAlert: 'error' })
             }
         })
     }
@@ -595,7 +595,7 @@ export default class ApprovalMatrix extends Component {
                         this.getData()
                         this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'success' })
                     } else {
-                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
                             if (response.data.message.includes("Someone Logged In")) {
                                 setTimeout(() => {
                                     localStorage.removeItem(Constant.TOKEN)
@@ -605,10 +605,10 @@ export default class ApprovalMatrix extends Component {
                         })
                     }
                 } else {
-                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
+                    this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
                 }
             } else {
-                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error' })
+                this.setState({ loading: false, alert: true, messageAlert: response.problem, tipeAlert: 'error' })
             }
         })
     }

src/container/BudgetTahunan/CashFlow.js

-import { createMuiTheme, FormControlLabel, MuiThemeProvider, Paper, TableCell, Tooltip, Typography, withStyles } from '@material-ui/core'
+import { createMuiTheme, FormControlLabel, MuiThemeProvider, Paper, Snackbar, TableCell, Tooltip, Typography, withStyles } from '@material-ui/core'
 import MUIDataTable from 'mui-datatables';
 import React, { Component } from 'react'
 import NumberFormat from 'react-number-format';
@@ -7,6 +7,8 @@ import api from '../../api';
 import Images from '../../assets/Images';
 import * as R from 'ramda'
 import { PropagateLoader } from 'react-spinners';
+import Constant from '../../library/Constant';
+import { Alert } from '@material-ui/lab';
 
 var ct = require("../../library/CustomTable");
 const getMuiTheme = () => createMuiTheme(ct.customTable3());
@@ -78,7 +80,10 @@ export default class CashFlow extends Component {
         // console.log(JSON.stringify(payload))
         api.create().getDetailReportCF(payload).then(response => {
             let dataTable = []
-            console.log(response)
+            // console.log(response)
+            if (response.data) {
+                if (response.ok) {
+                    if (response.data.status == 'success') {
                         let res = response.data.data
                         const handlePushChild = (item) => {
                             dataTable.push([
@@ -156,6 +161,22 @@ export default class CashFlow extends Component {
                             }
                         })
                         this.setState({ dataTable, loading: false, dataReal: res, editable: true })
+                    } 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.data.message, tipeAlert: 'error', loading: false})
+                }
+            } else {
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
+            }
         })
     }
 
@@ -180,6 +201,10 @@ export default class CashFlow extends Component {
         }
     }
 
+    closeAlert() {
+        this.setState({ alert: false })
+    }
+
     render() {
         let dataTable2 = this.state.dataTable
         let loading = false
@@ -2049,6 +2074,11 @@ export default class CashFlow 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={3000} onClose={() => this.closeAlert()}>
+                    <Alert onClose={() => this.closeAlert()} severity={this.state.tipeAlert}>
+                        {this.state.messageAlert}
+                    </Alert>
+                </Snackbar>
                 <div style={{ flex: 1, padding: 20, width: '100%' }}>
                     <Paper style={{ paddingTop: 10, paddingBottom: 20 }}>
                         <div style={{ borderBottom: 'solid 1px #c4c4c4' }} >

src/container/BudgetTahunan/CorporateAnnualTarget.js

@@ -104,12 +104,15 @@ export default class CorporateAnnualTarget extends Component {
             "company_id": this.props.company.company_id,
             "submission_id": this.props.submissionID
         }
-        // // console.log(JSON.stringify(payload))
+        console.log(JSON.stringify(payload))
         api.create().getDetailReportMB(payload).then(response => {
             let dataTable = []
             let dataCustomerPrs = []
             let dataInternalBsn = []
-            // // console.log(response)
+            // // console.log(response)\
+            if (response.data) {
+                if (response.ok) {
+                    if (response.data.status == 'success') {
                         let res = response.data.data
                         const handlePushChild = (item) => {
                             let indexIDzz = dataTable.findIndex((val) => val[1] === item.id)
@@ -221,6 +224,24 @@ export default class CorporateAnnualTarget extends Component {
                         this.setState({ dataTable, loading: false, dataReal: res, editable: true, dataCustomerPrs, dataInternalBsn }, () => {
                             // console.log(dataCustomerPrs)
                         })
+                    } 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.data.message, tipeAlert: 'error', loading: false })
+                }
+            } else {
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
+            }
+        
+                
         })
     }
 
@@ -352,9 +373,10 @@ export default class CorporateAnnualTarget extends Component {
         })
         // console.log(JSON.stringify(this.state.payload))
         api.create().checkUploadMB(this.state.payload).then(response => {
-            // // // console.log(JSON.stringify(this.state.payload));
+            // console.log(JSON.stringify(this.state.payload));
             // console.log(response)
             if (response.data) {
+                if (response. ok) {
                     if (response.data.status === 'success') {
                         // this.setState({ visibleUpload: false, visibleCAT: false })
                         this.setState({ visibleUpload: false, visibleCAT: false })
@@ -428,7 +450,21 @@ export default class CorporateAnnualTarget extends Component {
                             })
                             // // // console.log(this.state.dataTable);
                         })
+                    } 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.data.message, tipeAlert: 'error', loading: false })
+                }
+            } else {
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
             }
         })
     }
@@ -493,14 +529,25 @@ export default class CorporateAnnualTarget extends Component {
         api.create('UPLOAD').uploadMasterBudget(body).then(response => {
             // // console.log(response);
             if (response.data) {
+                if (response.ok) {
                     if (response.data.status === "success") {
                         this.props.onClickClose()
                         this.props.getReport()
                     } else {
-                    alert(response.data.status)
+                        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 {
-                alert(response.problem)
+                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error', loading: false })
+                }
+            } else {
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
             }
         })
     }
@@ -746,7 +793,6 @@ export default class CorporateAnnualTarget extends Component {
                                 }, 1000);
                             }
                         })
-                        // alert(response.data.message)
                     }
                 } else {
                     this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })

src/container/BudgetTahunan/FixedAssetsMovement.js

@@ -9,6 +9,7 @@ import ReactTooltip from 'react-tooltip';
 import UploadFile from "../../library/Upload";
 import { ExcelRenderer } from 'react-excel-renderer';
 import { Alert } from '@material-ui/lab';
+import Constant from '../../library/Constant';
 import * as R from 'ramda'
 
 const LightTooltip = withStyles((theme) => ({
@@ -90,6 +91,8 @@ export default class FixedAssetsMovement extends Component {
             // console.log(response);
             let dataTable = []
             if (response.data) {
+                if (response.ok) {
+                    if (response.data.status === 'success') {
                         let res = response.data.data
                         const handlePushChild = (item) => {
                             let indexIDzz = dataTable.findIndex((val) => val[1] === item.id)
@@ -168,7 +171,20 @@ export default class FixedAssetsMovement extends Component {
                         })
                         this.setState({ dataTable, loading: false, buttonError: true, editable: true })
                     } else {
-                this.setState({ dataTable, loading: false, buttonError: true, editable: true })
+                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                            if (response.data.message.includes("Someone Logged In")) {
+                                setTimeout(() => {
+                                    localStorage.removeItem(Constant.TOKEN)
+                                    window.location.reload();
+                                }, 1000);
+                            }
+                        })
+                    }
+                } else {
+                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error', loading: false})
+                }
+            } else {
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
             }
         })
     }
@@ -304,6 +320,7 @@ export default class FixedAssetsMovement extends Component {
             // // console.log(JSON.stringify(this.state.payload));
             // // console.log(response)
             if (response.data) {
+                if (response.ok) {
                     if (response.data.status === 'success') {
                         this.setState({ visibleUpload: false, visibleFixedAssetsMovement: false, loading: true })
                         let dataTable = response.data.data.map((item, index) => {
@@ -345,7 +362,21 @@ export default class FixedAssetsMovement extends Component {
                             })
                             // // console.log(this.state.dataTable);
                         })
+                    } else {
+                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                            if (response.data.message.includes("Someone Logged In")) {
+                                setTimeout(() => {
+                                    localStorage.removeItem(Constant.TOKEN)
+                                    window.location.reload();
+                                }, 1000);
+                            }
+                        })
+                    }
+                } else {
+                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
                 }
+            } else {
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error' })
             }
         })
     }
@@ -385,15 +416,27 @@ export default class FixedAssetsMovement extends Component {
         api.create('UPLOAD').uploadMasterBudget(body).then(response => {
             // // console.log(response);
             if (response.data) {
+                if (response.ok) {
                     if (response.data.status === "success") {
                         this.props.onClickClose()
                         this.props.getReport()
                     } else {
-                    alert(response.data.status)
+                        this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                            if (response.data.message.includes("Someone Logged In")) {
+                                setTimeout(() => {
+                                    localStorage.removeItem(Constant.TOKEN)
+                                    window.location.reload();
+                                }, 1000);
+                            }
+                        })
                     }
                 } else {
-                this.setState({ loading: false })
-                alert(response.problem)
+                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error' })
+                }
+            } else {
+                // this.setState({ loading: false })
+                // alert(response.problem)
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
             }
         })
     }

src/container/BudgetTahunan/ProfitLoss.js

@@ -10,6 +10,7 @@ import UploadFile from "../../library/Upload";
 import { ExcelRenderer } from 'react-excel-renderer';
 import { Alert } from '@material-ui/lab';
 import * as R from 'ramda';
+import Constant from '../../library/Constant';
 
 const LightTooltip = withStyles((theme) => ({
     tooltip: {
@@ -106,6 +107,8 @@ export default class ProfitLoss extends Component {
             let dataTable = []
             this.setState({ visibleProfitLoss: true })
             if (response.data) {
+                if (response.ok) {
+                    if (response.data.status === 'success') {
                         let res = response.data.data
                         const handlePushChild = (item) => {
                             let indexIDzz = dataTable.findIndex((val) => val[1] === item.id)
@@ -182,10 +185,22 @@ export default class ProfitLoss extends Component {
                         })
                         // console.log(dataTable)
                         this.setState({ dataTable, loading: false, buttonError: true, editable: true }, () => {
-                    // console.log(dataTable)
                         })
                     } else {
-                this.setState({ dataTable, loading: false, buttonError: true, editable: true })
+                        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.data.message, tipeAlert: 'error', loading: false })
+                }
+            } else {
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
             }
 
         })
@@ -406,17 +421,25 @@ export default class ProfitLoss extends Component {
         api.create('UPLOAD').uploadMasterBudget(body).then(response => {
             // console.log(response);
             if (response.data) {
+                if (response.ok) {
                     if (response.data.status === "success") {
                         this.props.onClickClose()
                         this.props.getReport()
                     } else {
-                    alert(response.data.status)
+                        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({ loading: false })
-                alert(response.problem)
-                // this.props.onClickClose()
-                // this.props.getReport()
+                    this.setState({ alert: true, messageAlert: response.data.message, tipeAlert: 'error', loading: false })
+                }
+            } else {
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
             }
         })
     }

src/container/BudgetTahunan/TaxPlanning.js

@@ -12,6 +12,7 @@ import UploadFile from "../../library/Upload";
 import { ExcelRenderer } from 'react-excel-renderer';
 import { Alert } from '@material-ui/lab';
 import * as R from 'ramda';
+import Constant from '../../library/Constant';
 
 const LightTooltip = withStyles((theme) => ({
     tooltip: {
@@ -116,6 +117,7 @@ export default class TaxPlanning 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)
@@ -206,6 +208,16 @@ export default class TaxPlanning extends Component {
                     })
                     // console.log(dataTable)
                     this.setState({ dataTable, loading: false, buttonError: true, editable: true })
+                } else {
+                    this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        if (response.data.message.includes("Someone Logged In")) {
+                            setTimeout(() => {
+                                localStorage.removeItem(Constant.TOKEN)
+                                window.location.reload();
+                            }, 1000);
+                        }
+                    })
+                }
             } else {
                 this.setState({ dataTable, loading: false, buttonError: true, editable: true })
             }
@@ -600,11 +612,18 @@ export default class TaxPlanning extends Component {
                     this.props.onClickClose()
                     this.props.getReport()
                 } else {
-                    alert(response.data.status)
+                    this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        if (response.data.message.includes("Someone Logged In")) {
+                            setTimeout(() => {
+                                localStorage.removeItem(Constant.TOKEN)
+                                window.location.reload();
+                            }, 1000);
+                        }
+                    })
+                    // alert(response.data.status)
                 }
             } else {
-                this.setState({ loading: false })
-                alert(response.problem)
+                this.setState({ loading: false, alert: true, messageAlert: response.problem, tipeAlert: 'error' })
             }
         })
     }

src/container/DocumentManagement/DocumentManagement.js

@@ -82,11 +82,9 @@ export default class DocumentManagement extends Component {
                         loadTable: true,
                         refresh: id === undefined ? '' : 'create'
                     })
-                } else {
-
                 }
             } else {
-
+                this.setState({ alert: true, messageAlert: response.problem, tipeAlert: 'error', loading: false })
             }
         })
     }

src/container/MonthlyReport/TaxPlanningMR.js

@@ -12,6 +12,7 @@ import UploadFile from "../../library/Upload";
 import { ExcelRenderer } from 'react-excel-renderer';
 import { Alert } from '@material-ui/lab';
 import * as R from 'ramda';
+import Constant from '../../library/Constant';
 
 const LightTooltip = withStyles((theme) => ({
     tooltip: {
@@ -70,7 +71,7 @@ export default class TaxPlanningMR extends Component {
             "revision": 0,
             "periode": 2021,
             "company_id": 2193390,
-            "submission_id": 3275722
+            "submission_id": 3425765
         }
         api.create().getLastestUpdateMB(payload).then(response => {
             if (response.data) {
@@ -90,12 +91,13 @@ export default class TaxPlanningMR extends Component {
             "revision": 0,
             "periode": 2021,
             "company_id": 2193390,
-            "submission_id": 3275722
+            "submission_id": 3425765
         }
         api.create().getDetailReportMB(payload).then(response => {
             // 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)
@@ -159,6 +161,16 @@ export default class TaxPlanningMR extends Component {
                         }
                     })
                     this.setState({ dataTable, loading: false, buttonError: true, editable: true })
+                } else {
+                    this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        if (response.data.message.includes("Someone Logged In")) {
+                            setTimeout(() => {
+                                localStorage.removeItem(Constant.TOKEN)
+                                window.location.reload();
+                            }, 1000);
+                        }
+                    })
+                }
             } else {
                 this.setState({ dataTable, loading: false, buttonError: true, editable: true })
             }
@@ -552,11 +564,18 @@ export default class TaxPlanningMR extends Component {
                     this.props.onClickClose()
                     this.props.getReport()
                 } else {
-                    alert(response.data.status)
+                    this.setState({ loading: false, alert: true, messageAlert: response.data.message, tipeAlert: 'warning' }, () => {
+                        if (response.data.message.includes("Someone Logged In")) {
+                            setTimeout(() => {
+                                localStorage.removeItem(Constant.TOKEN)
+                                window.location.reload();
+                            }, 1000);
+                        }
+                    })
+                    // alert(response.data.status)
                 }
             } else {
-                this.setState({ loading: false })
-                alert(response.problem)
+                this.setState({ loading: false, alert: true, messageAlert: response.problem, tipeAlert: 'error' })
             }
         })
     }