From 64806f2a3bad7016501e9fc2e9df62a5b7815fad Mon Sep 17 00:00:00 2001
From: Darth Skywalker <contact.adityaparab@gmail.com>
Date: Sat, 2 Sep 2017 12:13:07 +0530
Subject: [PATCH] fix: submit button is not clickable on challenge completion
 modal

---
 common/app/routes/challenges/Completion-Modal.jsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/common/app/routes/challenges/Completion-Modal.jsx b/common/app/routes/challenges/Completion-Modal.jsx
index 242a0cda56..4ea37e7080 100644
--- a/common/app/routes/challenges/Completion-Modal.jsx
+++ b/common/app/routes/challenges/Completion-Modal.jsx
@@ -26,13 +26,13 @@ const mapStateToProps = createSelector(
 const mapDispatchToProps = function(dispatch) {
   const dispatchers = {
     close: () => dispatch(closeChallengeModal()),
-    submitChallenge: (e) => {
-      if (
-        e.keyCode === 13 &&
-        (e.ctrlKey || e.meta)
-      ) {
+    handleKeypress: (e) => {
+      if (e.keyCode === 13 && (e.ctrlKey || e.meta)) {
         dispatch(submitChallenge());
       }
+    },
+    submitChallenge: () => {
+        dispatch(submitChallenge());
     }
   };
   return () => dispatchers;
@@ -40,6 +40,7 @@ const mapDispatchToProps = function(dispatch) {
 
 const propTypes = {
   close: PropTypes.func.isRequired,
+  handleKeypress: PropTypes.func.isRequired,
   isOpen: PropTypes.bool,
   message: PropTypes.string,
   submitChallenge: PropTypes.func.isRequired
@@ -51,6 +52,7 @@ export class CompletionModal extends PureComponent {
       close,
       isOpen,
       submitChallenge,
+      handleKeypress,
       message
     } = this.props;
     return (
@@ -59,7 +61,7 @@ export class CompletionModal extends PureComponent {
         dialogClassName={ `${ns}-success-modal` }
         keyboard={ true }
         onHide={ close }
-        onKeyDown={ isOpen ? submitChallenge : noop }
+        onKeyDown={ isOpen ? handleKeypress : noop }
         show={ isOpen }
         >
         <Modal.Header