loading report item

src/container/MasterData/ReportItems.js

@@ -1170,6 +1170,7 @@ export default class ReportItems extends Component {
                             buttonEdit={this.state.buttonEdit}
                             onClickClose={() => this.setState({ visualisasi: false, itemReport: true }, () => this.getData())}
                             height={this.props.height}
+                            handleLoading={() => this.setState({ loading: true })}
                         />
                         :
                         <div>

src/container/MasterData/formReportItems/VisualReportItems.js

@@ -334,7 +334,9 @@ export default class VisualReportItems extends Component {
                                     <div onClick={() => this.props.onClickClose()} style={{ width: 102, height: 30, border: 'solid 1px #354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor: "pointer" }}>
                                         <span style={{ color: '#354960', fontSize: 11 }}>Cancel</span>
                                     </div>
-                                    <button onClick={() => this.handleSave()}>
+                                    <button onClick={() => {
+                                        this.props.handleLoading() 
+                                        this.handleSave()}}>
                                         <div style={{ width: 102, height: 30, marginLeft: 25, backgroundColor: '#354960', borderRadius: 5, alignItems: 'center', display: 'flex', justifyContent: 'center', cursor: "pointer" }}>
                                             <span style={{ color: '#fff', fontSize: 11 }}>Save</span>
                                         </div>