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

Use currency input component in input number, to improve input behaviour in gas estimator

Browse Source
This commit is contained in:
Dan 2017-11-15 15:00:35 -03:30
parent 59e46e7cb2
commit bbdb35c35a
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/app/components/input-number.js
View File

@ -1,6 +1,7 @@
const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits
const CurrencyInput = require('./currency-input')
const {
addCurrencies,
conversionGTE,
@ -50,11 +51,13 @@ InputNumber.prototype.render = function () {
const { unitLabel, step = 1, placeholder, value = 0 } = this.props
return h('div.customize-gas-input-wrapper', {}, [
h('input.customize-gas-input', {
placeholder,
h(CurrencyInput, {
className: 'customize-gas-input',
value,
step,
onChange: (e) => this.setValue(e.target.value),
placeholder,
onInputChange: newValue => {
this.setValue(newValue)
},
}),
h('span.gas-tooltip-input-detail', {}, [unitLabel]),
h('div.gas-tooltip-input-arrows', {}, [