You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.8 KiB
73 lines
1.8 KiB
const Component = require('react').Component
|
|
const h = require('react-hyperscript')
|
|
const inherits = require('util').inherits
|
|
const ethUtil = require('ethereumjs-util')
|
|
const BN = ethUtil.BN
|
|
const extend = require('xtend')
|
|
|
|
module.exports = HexAsDecimalInput
|
|
|
|
inherits(HexAsDecimalInput, Component)
|
|
function HexAsDecimalInput () {
|
|
Component.call(this)
|
|
}
|
|
|
|
/* Hex as Decimal Input
|
|
*
|
|
* A component for allowing easy, decimal editing
|
|
* of a passed in hex string value.
|
|
*
|
|
* On change, calls back its `onChange` function parameter
|
|
* and passes it an updated hex string.
|
|
*/
|
|
|
|
HexAsDecimalInput.prototype.render = function () {
|
|
const props = this.props
|
|
const { value, onChange } = props
|
|
const toEth = props.toEth
|
|
const suffix = props.suffix
|
|
const decimalValue = decimalize(value, toEth)
|
|
const style = props.style
|
|
|
|
return (
|
|
h('.flex-row', {
|
|
style: {
|
|
alignItems: 'flex-end',
|
|
lineHeight: '13px',
|
|
fontFamily: 'Montserrat Light',
|
|
textRendering: 'geometricPrecision',
|
|
},
|
|
}, [
|
|
h('input.ether-balance.ether-balance-amount', {
|
|
style: extend({
|
|
display: 'block',
|
|
textAlign: 'right',
|
|
backgroundColor: 'transparent',
|
|
}, style),
|
|
value: decimalValue,
|
|
onChange: (event) => {
|
|
const hexString = hexify(event.target.value)
|
|
onChange(hexString)
|
|
},
|
|
}),
|
|
h('div', {
|
|
style: {
|
|
color: ' #AEAEAE',
|
|
fontSize: '12px',
|
|
marginLeft: '5px',
|
|
},
|
|
}, suffix),
|
|
])
|
|
)
|
|
}
|
|
|
|
function hexify (decimalString) {
|
|
const hexBN = new BN(decimalString, 10)
|
|
return '0x' + hexBN.toString('hex')
|
|
}
|
|
|
|
function decimalize (input, toEth) {
|
|
const strippedInput = ethUtil.stripHexPrefix(input)
|
|
const inputBN = new BN(strippedInput, 'hex')
|
|
return inputBN.toString(10)
|
|
}
|
|
|