Merge pull request #2435 from danjm/NewUI-flat-disable-send-next-in-error

[NewUI] Disable Send-v2 next button when form is in error

1 files changed, 3 insertions, 8 deletions

diff --git a/ui/app/send-v2.js b/ui/app/send-v2.js
index 9b1bf88f7..8b49f7307 100644
--- a/ui/app/send-v2.js
+++ b/ui/app/send-v2.js
@@ -383,8 +383,9 @@ SendTransactionScreen.prototype.renderFooter = function () {
     clearSend,
     errors: { amount: amountError, to: toError }
   } = this.props
-
+  
   const noErrors = amountError === null && toError === null
+  const errorClass = noErrors ? '' : '__disabled'
 
   return h('div.send-v2__footer', [
     h('button.send-v2__cancel-btn', {
@@ -393,13 +394,7 @@ SendTransactionScreen.prototype.renderFooter = function () {
         goHome()
       },
     }, 'Cancel'),
-    h(`button`, {
-      className: classnames({
-        'send-v2__next-btn': noErrors,
-        'send-v2__next-btn__disabled': !noErrors,
-      }),
-      disabled: !noErrors,
-      onClick: event => this.onSubmit(event),
+    h(`button.send-v2__next-btn${errorClass}`, {
     }, 'Next'),
   ])
 }