Merge branch 'ENV-DEV' into 'ENV-DEPLOYMENT'

Fix loading block

See merge request !2417

src/container/BudgetTahunan/BudgetTahunan.js

@@ -3448,9 +3448,21 @@ export default class BudgetTahunan extends Component {
             search: false
         }
         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)' }}>
+            <div
+                style={{
+                    position: 'fixed',
+                    zIndex: 9999,
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100vh',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    background: 'rgba(255,255,255,0.8)',
+                }}
+            >
                 <PropagateLoader
-                    // css={override}
                     size={20}
                     color={"#274B80"}
                     loading={this.state.loading}

src/container/MonthlyReport/MonthlyReport.js

@@ -3410,9 +3410,21 @@ export default class MonthlyReport extends Component {
         ]
 
         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)' }}>
+            <div
+                style={{
+                    position: 'fixed',
+                    zIndex: 9999,
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100vh',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    background: 'rgba(255,255,255,0.8)',
+                }}
+            >
                 <PropagateLoader
-                    // css={override}
                     size={20}
                     color={"#274B80"}
                     loading={this.state.loading}

src/container/OutlookPA/OutlookPA.js

@@ -2439,9 +2439,21 @@ export default class OutlookPA extends Component {
             search: false
         }
         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: 'fixed',
+                    zIndex: 9999,
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100vh',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    background: 'rgba(255,255,255,0.8)',
+                }}
+            >
                 <PropagateLoader
-                    // css={override}
                     size={20}
                     color={"#274B80"}
                     loading={this.state.loading}

src/container/RollingOutlook/RollingOutlook.js

@@ -1922,7 +1922,7 @@ export default class RollingOutlook extends Component {
                                     borderColor: 'transparent',
                                     outline: 'none'
                                 }}
-                                onClick={() => this.state.isSubmit === false ? null : this.setState({ visibleUpload: true, currentMasterReportTypeId: master_report_type_id }) }
+                                onClick={() => this.state.isSubmit === false ? null : this.setState({ visibleUpload: true, currentMasterReportTypeId: master_report_type_id })}
                             >
                                 <Typography style={{ fontSize: '16px', color: this.state.isSubmit === false ? 'GrayText' : '#5198ea' }}>Upload File</Typography>
                             </button>
@@ -2471,9 +2471,21 @@ export default class RollingOutlook extends Component {
             search: false
         }
         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: 'fixed',
+                    zIndex: 9999,
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100vh',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    background: 'rgba(255,255,255,0.8)',
+                }}
+            >
                 <PropagateLoader
-                    // css={override}
                     size={20}
                     color={"#274B80"}
                     loading={this.state.loading}
@@ -2628,7 +2640,7 @@ export default class RollingOutlook extends Component {
                                     <button
                                         type="button"
                                         className="btn btn-circle btn-white"
-                                        onClick={() => this.setState({ visibleUpload: false, currentMasterReportTypeId: null }) }
+                                        onClick={() => this.setState({ visibleUpload: false, currentMasterReportTypeId: null })}
                                     >
                                         <img src={Images.close} />
                                     </button>