loading create managdoc

src/container/DocumentManagement/CreateManagementDoc.js

@@ -327,7 +327,7 @@ export default class CreateManagementDoc extends Component {
         );
         return (
             <div>
-                <div className="test app-popup-show" style={{ zIndex: 120 }}>
+                <div className="test app-popup-show">
                     <div className="popup-content background-white border-radius" style={{ borderRadius: 8 }}>
                         <div className="popup-panel grid grid-2x main-color" style={{ height: 64, borderTopRightRadius: 8, borderTopLeftRadius: 8 }}>
                             <div className="col-1" style={{ maxWidth: "inherit", display: 'flex', alignItems: 'center' }}>

src/container/DocumentManagement/DocumentManagement.js

@@ -93,7 +93,7 @@ export default class DocumentManagement extends Component {
     }
 
     createDocument(payload, settingID, menuName) {
-        // this.setState({ visibleCreate: false, loading: true })
+        this.setState({ loading: true })
         api.create().uploadDocument(payload).then(response => {
             console.log(response)
             if (response.data) {
@@ -227,7 +227,7 @@ export default class DocumentManagement extends Component {
 
     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)' }}>
+            <div style={{ position: 'absolute', zIndex: 1500, 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}