maintenance mode

src/container/GeneralSetting/MaintenanceMode.js

@@ -89,6 +89,7 @@ class MaintenanceMode extends Component {
             maintenanceStatus: 0,
             mailStatusActive: 0,
             mailStatusNonActive: 0,
+            visibleAlertSave: false
 
 
         }
@@ -203,6 +204,7 @@ class MaintenanceMode extends Component {
             // ]
         }
         console.log(payload);
+        this.setState({ visibleAlertSave: true })
         api.create().createMaintenanceMode(payload).then((response) => {
             console.log(response)
             this.setState({ loading: true })
@@ -271,6 +273,7 @@ class MaintenanceMode extends Component {
             // ]
         }
         console.log(payload);
+        this.setState({ visibleAlertSave: true })
         api.create().updateMaintenanceMode(payload).then((response) => {
             console.log(response)
             this.setState({ loading: true })
@@ -846,6 +849,43 @@ class MaintenanceMode extends Component {
                         </Paper>
                     </div>
                 </div>
+
+                {this.state.visibleAlertSave && (
+                    <div className="test app-popup-show">
+                        <div className="popup-content border-radius" style={{ background: '#D9D9D9', borderRadius: 10, width: 561, height: 233 }}>
+                            <div style={{ margin: 25 }}>
+                                <div style={{ display: 'flex', marginTop: 76, marginBottom: 43 }}>
+                                    <div style={{ alignSelf: 'center', marginRight: 25 }}>
+                                        <img src={Images.berhasil} />
+                                    </div>
+                                    <div style={{ justifyContent: 'center', fontSize: 20, color: '#1D2995', marginTop: 10 }}>
+                                        Maintenance mode deactivated successfully!
+                                    </div>
+                                </div>
+                                <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
+                                    <button
+                                        className="button"
+                                        type="button"
+                                        style={{
+                                            background: '#F6F7F9',
+                                            cursor: 'pointer',
+                                            border: '1px solid #3549609e',
+                                            outline: 'none',
+                                            marginRight: 20,
+                                            borderRadius: 9
+                                        }}
+                                        onClick={() => this.setState({ visibleAlertSave: false })}
+                                    >
+                                        <div style={{ backgroundColor: '#fff', width: 105, height: 30, borderRadius: 9, justifyContent: 'center', display: 'flex', alignItems: 'center', border: 'solid 1px #3549609e' }}>
+                                            <Typography style={{ fontSize: '15px', color: '#354960', textAlign: 'center' }}>Close</Typography>
+                                        </div>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                )
+                }
             </div>
         );