m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +01:00
Code

Disable send-v2 next button if in error

Browse Source
This commit is contained in:
Dan 2017-10-21 00:06:42 -02:30 committed by Chi Kei Chan
parent 09d659614e
commit a7069acf2e
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/app/css/itcss/components/send.scss
View File

@ -652,7 +652,8 @@
}
&__next-btn,
&__cancel-btn {
&__cancel-btn,
&__next-btn__disabled {
width: 163px;
text-align: center;
height: 55px;
@ -667,16 +668,17 @@
border: 1px solid;
}
&__next-btn,
&__next-btn__disabled {
color: $curious-blue;
border-color: $curious-blue;
}
&__next-btn__disabled {
opacity: .5;
cursor: auto;
}
&__next-btn {
color: $curious-blue;
border-color: $curious-blue;
}
&__cancel-btn {
color: $dusty-gray;
border-color: $dusty-gray;

13
ui/app/send-v2.js
View File

@ -382,7 +382,14 @@ SendTransactionScreen.prototype.renderForm = function () {
}
SendTransactionScreen.prototype.renderFooter = function () {
const { goHome, clearSend } = this.props
const {
goHome,
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', {
@ -391,8 +398,8 @@ SendTransactionScreen.prototype.renderFooter = function () {
goHome()
},
}, 'Cancel'),
h('button.send-v2__next-btn', {
onClick: event => this.onSubmit(event),
h(`button.send-v2__next-btn${errorClass}`, {
onClick: event => noErrors && this.onSubmit(event),
}, 'Next'),
])
}