st2-history: Disable button after onClick

Author: Parth Shandilya

CHANGELOG.rst

@@ -3,4 +3,11 @@ Changelog
 
 in development
 --------------
-* Create a changelog and required machinery
+
+Added
+~~~~~
+
+* Added feature for disabling button for synchronous responses
+    - Button gets disabled onClick on `Connect` and `Submit` in st2-login and st2-history module respectively
+
+    Contributed by @ParthS007

apps/st2-history/history-popup.component.js

@@ -39,6 +39,7 @@ export default class HistoryPopup extends React.Component {
 
   state = {
     preview: false,
+    disabled: false,
   }
 
   static getDerivedStateFromProps(props, state) {
@@ -89,6 +90,7 @@ export default class HistoryPopup extends React.Component {
       delete this.state.payload[payLoadKey];
     }
     this.props.onSubmit(this.state.payload);
+    this.setState({ disabled: true });
   }
 
   render() {
@@ -136,6 +138,7 @@ export default class HistoryPopup extends React.Component {
                     submit
                     className="st2-details__toolbar-button"
                     value="Submit"
+                    disabled={this.state.disabled}
                     onClick={(e) => this.handleSubmit(e)}
                     data-test="rerun_submit"
                   />