diff options
author | Dan <danjm.com@gmail.com> | 2017-10-31 05:46:56 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2017-11-07 03:37:02 +0800 |
commit | 716bbf67d7180ffe0f59d07484d30231ed5f5e49 (patch) | |
tree | 490719eef5a8aab92c3ebb70389eb9e1f8408bb5 /ui/app/components/input-number.js | |
parent | b16946723f94b855ab70469dca5899ad80f129b3 (diff) | |
download | tangerine-wallet-browser-716bbf67d7180ffe0f59d07484d30231ed5f5e49.tar.gz tangerine-wallet-browser-716bbf67d7180ffe0f59d07484d30231ed5f5e49.tar.zst tangerine-wallet-browser-716bbf67d7180ffe0f59d07484d30231ed5f5e49.zip |
Set gas price allows for WEI precision.
Diffstat (limited to 'ui/app/components/input-number.js')
-rw-r--r-- | ui/app/components/input-number.js | 17 |
1 files changed, 12 insertions, 5 deletions
diff --git a/ui/app/components/input-number.js b/ui/app/components/input-number.js index e28807c13..da4d739aa 100644 --- a/ui/app/components/input-number.js +++ b/ui/app/components/input-number.js @@ -5,6 +5,7 @@ const { addCurrencies, conversionGTE, conversionLTE, + subtractCurrencies, toNegative, } = require('../conversion-util') @@ -17,18 +18,24 @@ function InputNumber () { this.setValue = this.setValue.bind(this) } +function isValidInput (text) { + const re = /^([1-9]\d*|0)(\.|\.\d*)?$/ + return re.test(text) +} + InputNumber.prototype.setValue = function (newValue) { + if (newValue && !isValidInput(newValue)) return const { fixed, min = -1, max = Infinity, onChange } = this.props - newValue = Number(fixed ? newValue.toFixed(4) : newValue) + newValue = fixed ? newValue.toFixed(4) : newValue const newValueGreaterThanMin = conversionGTE( - { value: newValue, fromNumericBase: 'dec' }, + { value: newValue || '0', fromNumericBase: 'dec' }, { value: min, fromNumericBase: 'hex' }, ) const newValueLessThanMax = conversionLTE( - { value: newValue, fromNumericBase: 'dec' }, + { value: newValue || '0', fromNumericBase: 'dec' }, { value: max, fromNumericBase: 'hex' }, ) if (newValueGreaterThanMin && newValueLessThanMax) { @@ -46,8 +53,8 @@ InputNumber.prototype.render = function () { return h('div.customize-gas-input-wrapper', {}, [ h('input.customize-gas-input', { placeholder, - type: 'number', value, + step, onChange: (e) => this.setValue(e.target.value), }), h('span.gas-tooltip-input-detail', {}, [unitLabel]), @@ -57,7 +64,7 @@ InputNumber.prototype.render = function () { }), h('i.fa.fa-angle-down', { style: { cursor: 'pointer' }, - onClick: () => this.setValue(addCurrencies(value, toNegative(step))), + onClick: () => this.setValue(subtractCurrencies(value, step)), }), ]), ]) |