Allow users to submit a form with an enter keydown

Cooperbuilt · Cooperbuilt · commit 3053554071dd · 2017-06-14T17:46:35.000-04:00
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <title>Operation Code™</title>
+        <title>Operation Code</title>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
diff --git a/src/scenes/home/signup/signup.js b/src/scenes/home/signup/signup.js
@@ -63,10 +63,11 @@ class SignUp extends Component {
   validatePasswordConfirm = value =>
     value === '' || value === this.state.password;
 
-  handleOnClick = (e) => {
+  handleOnSubmit = (e) => {
     e.preventDefault = true;
 
     if (this.isFormValid()) {
+      console.log('yes');
       const { email, zip, password, firstName, lastName, mentor } = this.state;
       axios.post(`${config.backendUrl}/users`, {
         user: {
@@ -127,7 +128,7 @@ class SignUp extends Component {
           />
           {this.state.error && <span>There was an error joining Operation Code™: {this.state.error}</span>}
           {this.state.success && <Redirect to="/thanks" />}
-          <FormButton className={styles.joinButton} text="Join" onClick={this.handleOnClick} theme="red" />
+          <FormButton className={styles.joinButton} text="Join" onSubmit={this.handleOnSubmit} theme="red" />
         </Form>
       </Section>
     );
diff --git a/src/shared/components/form/formButton/formButton.js b/src/shared/components/form/formButton/formButton.js
@@ -11,7 +11,7 @@ class FormButton extends Component {
       [`${this.props.className}`]: this.props.className
     });
     return (
-      <button type="button" className={classes} onClick={this.props.onClick}>{this.props.text}</button>
+      <button type="submit" className={classes} onSubmit={this.props.onClick}>{this.props.text}</button>
     );
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ class FormButton extends Component {`
`11`	`11`	[`${this.props.className}`]: this.props.className
`12`	`12`	`});`
`13`	`13`	`return (`
`14`		`- <button type="button" className={classes} onClick={this.props.onClick}>{this.props.text}</button>`
	`14`	`+ <button type="submit" className={classes} onSubmit={this.props.onClick}>{this.props.text}</button>`
`15`	`15`	`);`
`16`	`16`	`}`
`17`	`17`	`}`