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

Convert InputNumber component to use JSX (#7503)

Browse Source
This commit is contained in:
Whymarrh Whitby 2019-11-22 20:13:58 -03:30 committed by GitHub
parent f7c9903d95
commit 6820a245b5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 30 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,5 @@
import React from 'react'
const Component = require('react').Component const Component = require('react').Component
const h = require('react-hyperscript')
const inherits = require('util').inherits const inherits = require('util').inherits
const { const {
addCurrencies, addCurrencies,
@ -52,32 +52,35 @@ InputNumber.prototype.setValue = function (newValue) {
} }
} }
InputNumber.prototype.render = function () { InputNumber.prototype.render = function InputNumber () {
const { unitLabel, step = 1, placeholder, value } = this.props const { unitLabel, step = 1, placeholder, value } = this.props
return h('div.customize-gas-input-wrapper', {}, [ return (
h('input', { <div className="customize-gas-input-wrapper">
className: 'customize-gas-input', <input
value, className="customize-gas-input"
placeholder, value={value}
type: 'number', placeholder={placeholder}
onChange: e => { type="number"
this.setValue(e.target.value) onChange={e => {
}, this.setValue(e.target.value)
min: 0, }}
}), min={0}
h('span.gas-tooltip-input-detail', {}, [unitLabel]), />
h('div.gas-tooltip-input-arrows', {}, [ <span className="gas-tooltip-input-detail">{unitLabel}</span>
h('div.gas-tooltip-input-arrow-wrapper', { <div className="gas-tooltip-input-arrows">
onClick: () => this.setValue(addCurrencies(value, step, { toNumericBase: 'dec' })), <div className="gas-tooltip-input-arrow-wrapper"
}, [ onClick={() => this.setValue(addCurrencies(value, step, { toNumericBase: 'dec' }))}
h('i.fa.fa-angle-up'), >
]), <i className="fa fa-angle-up" />
h('div.gas-tooltip-input-arrow-wrapper', { </div>
onClick: () => this.setValue(subtractCurrencies(value, step, { toNumericBase: 'dec' })), <div
}, [ className="gas-tooltip-input-arrow-wrapper"
h('i.fa.fa-angle-down'), onClick={() => this.setValue(subtractCurrencies(value, step, { toNumericBase: 'dec' }))}
]), >
]), <i className="fa fa-angle-down" />
]) </div>
</div>
</div>
)
} }