fix(aws-amplify-react): add hotkey to sign in

pjarts · Jun 13, 2018 · 82299c5 · 82299c5
2 parents 5a6b9be + fb36396
commit 82299c5
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/packages/aws-amplify-react/src/Auth/SignIn.jsx b/packages/aws-amplify-react/src/Auth/SignIn.jsx
@@ -35,11 +35,28 @@ export default class SignIn extends AuthPiece {
 
         this.checkContact = this.checkContact.bind(this);
         this.signIn = this.signIn.bind(this);
+        this.onKeyDown = this.onKeyDown.bind(this);
 
         this._validAuthStates = ['signIn', 'signedOut', 'signedUp'];
         this.state = {};
     }
 
+    componentWillMount() {
+        window.addEventListener('keydown', this.onKeyDown);
+    }
+
+    componentWillUnmount() {
+        window.removeEventListener('keydown', this.onKeyDown);
+    }
+
+    onKeyDown(e) {
+        if (this.props.authState === 'signIn') {
+            if (e.keyCode === 13) { // when press enter
+                this.signIn();
+            }
+        }
+    }
+
     checkContact(user) {
         Auth.verifiedContact(user)
             .then(data => {