[new_profile] Pressing create multiple time creates multiple candidates "silently"

jsx/Form.js

@@ -1559,6 +1559,7 @@ class ButtonElement extends Component {
             type={this.props.type}
             className={this.props.buttonClass}
             onClick={this.handleClick}
+            disabled={this.props.disabled}
           >
             {this.props.label}
           </button>
@@ -1572,6 +1573,7 @@ ButtonElement.propTypes = {
   name: PropTypes.string,
   label: PropTypes.string,
   type: PropTypes.string,
+  disabled: PropTypes.bool,
   onUserInput: PropTypes.func,
 };
 

modules/new_profile/jsx/NewProfileIndex.js

@@ -20,6 +20,7 @@ class NewProfileIndex extends React.Component {
       isLoaded: false,
       isCreated: false,
       error: false,
+      submitDisabled: false,
     };
     this.handleSubmit = this.handleSubmit.bind(this);
     this.setFormData = this.setFormData.bind(this);
@@ -89,6 +90,9 @@ class NewProfileIndex extends React.Component {
       }
       formObject.append('fire_away', 'New Candidate');
 
+      // disable button to prevent form resubmission.
+      this.setState({submitDisabled: true});
+
       fetch(this.props.submitURL, {
         method: 'POST',
         cache: 'no-cache',
@@ -103,6 +107,8 @@ class NewProfileIndex extends React.Component {
           });
         } else {
           resp.json().then((message) => {
+            // enable button for form resubmission.
+            this.setState({submitDisabled: false});
             swal('Error!', message, 'error');
           });
         }
@@ -240,6 +246,7 @@ class NewProfileIndex extends React.Component {
             label = "Create"
             id = "button"
             type = "submit"
+            disabled={this.state.submitDisabled}
           />
         </FormElement>
       );