aboutsummaryrefslogtreecommitdiffstats
path: root/ui
diff options
context:
space:
mode:
authorDan <danjm.com@gmail.com>2017-09-13 04:38:02 +0800
committerChi Kei Chan <chikeichan@gmail.com>2017-09-13 07:05:59 +0800
commit080890a46ec98814bce8680f561fae3b52d81ed2 (patch)
tree85c2c62b4baf6a0db2d34fccb641e7b287643018 /ui
parent492507aa94cb5713d5eaa700cfd7e88b2a16ca7a (diff)
downloadtangerine-wallet-browser-080890a46ec98814bce8680f561fae3b52d81ed2.tar
tangerine-wallet-browser-080890a46ec98814bce8680f561fae3b52d81ed2.tar.gz
tangerine-wallet-browser-080890a46ec98814bce8680f561fae3b52d81ed2.tar.bz2
tangerine-wallet-browser-080890a46ec98814bce8680f561fae3b52d81ed2.tar.lz
tangerine-wallet-browser-080890a46ec98814bce8680f561fae3b52d81ed2.tar.xz
tangerine-wallet-browser-080890a46ec98814bce8680f561fae3b52d81ed2.tar.zst
tangerine-wallet-browser-080890a46ec98814bce8680f561fae3b52d81ed2.zip
Overhaul currency conversion utility and update calls to utility in pending-tx.
Diffstat (limited to 'ui')
-rw-r--r--ui/app/components/pending-tx.js30
-rw-r--r--ui/app/conversion-util.js141
2 files changed, 120 insertions, 51 deletions
diff --git a/ui/app/components/pending-tx.js b/ui/app/components/pending-tx.js
index ab425abf5..a0d59207d 100644
--- a/ui/app/components/pending-tx.js
+++ b/ui/app/components/pending-tx.js
@@ -85,8 +85,6 @@ PendingTx.prototype.render = function () {
const txFeeBn = gasBn.mul(gasPriceBn)
- const amountBn = hexToBn(txParams.value)
-
// TODO: insufficient balance should be handled on send screen
// const maxCost = txFeeBn.add(amountBn)
// const balanceBn = hexToBn(balance)
@@ -99,27 +97,39 @@ PendingTx.prototype.render = function () {
const endOfToAddress = txParams.to.slice(txParams.to.length - 4)
const gasFeeInUSD = conversionUtil(txFeeBn, {
- fromFormat: 'BN',
- fromCurrency: 'GWEI',
+ fromNumericBase: 'BN',
+ toNumericBase: 'dec',
+ fromDenomination: 'WEI',
+ fromCurrency: 'ETH',
toCurrency: 'USD',
+ numberOfDecimals: 2,
conversionRate,
})
const gasFeeInETH = conversionUtil(txFeeBn, {
- fromFormat: 'BN',
- fromCurrency: 'GWEI',
+ fromNumericBase: 'BN',
+ toNumericBase: 'dec',
+ fromDenomination: 'WEI',
+ fromCurrency: 'ETH',
toCurrency: 'ETH',
+ numberOfDecimals: 6,
conversionRate,
})
- const totalInUSD = conversionUtil(amountBn, {
- fromFormat: 'BN',
+ const totalInUSD = conversionUtil(txParams.value, {
+ fromNumericBase: 'hex',
+ toNumericBase: 'dec',
+ fromCurrency: 'ETH',
toCurrency: 'USD',
+ numberOfDecimals: 2,
conversionRate,
})
- const totalInETH = conversionUtil(amountBn, {
- fromFormat: 'BN',
+ const totalInETH = conversionUtil(txParams.value, {
+ fromNumericBase: 'hex',
+ toNumericBase: 'dec',
+ fromCurrency: 'ETH',
toCurrency: 'ETH',
conversionRate,
+ numberOfDecimals: 6,
})
this.inputs = []
diff --git a/ui/app/conversion-util.js b/ui/app/conversion-util.js
index 8f2214500..5e1125194 100644
--- a/ui/app/conversion-util.js
+++ b/ui/app/conversion-util.js
@@ -1,49 +1,108 @@
-const {
- numericBalance,
- parseBalance,
- formatBalance,
- normalizeToWei,
- valueTable,
-} = require('./util')
-const hexToBn = require('../../app/scripts/lib/hex-to-bn')
-const { BN } = require('ethereumjs-util')
-const GWEI_MULTIPLIER = normalizeToWei(hexToBn(valueTable.gwei.toString(16)), 'gwei');
+/* Currency Conversion Utility
+* This utility function can be used for converting currency related values within metamask.
+* The caller should be able to pass it a value, along with information about the value's
+* numeric base, denomination and currency, and the desired numeric base, denomination and
+* currency. It should return a single value.
+*
+* @param {(number | string | BN)} value The value to convert.
+* @param {Object} [options] Options to specify details of the conversion
+* @param {string} [options.fromCurrency = 'ETH' | 'USD'] The currency of the passed value
+* @param {string} [options.toCurrency = 'ETH' | 'USD'] The desired currency of the result
+* @param {string} [options.fromNumericBase = 'hex' | 'dec' | 'BN'] The numeric basic of the passed value.
+* @param {string} [options.toNumericBase = 'hex' | 'dec' | 'BN'] The desired numeric basic of the result.
+* @param {string} [options.fromDenomination = 'WEI'] The denomination of the passed value
+* @param {number} [options.numberOfDecimals] The desired number of in the result
+* @param {number} [options.conversionRate] The rate to use to make the fromCurrency -> toCurrency conversion
+* @returns {(number | string | BN)}
+*
+* The utility passes value along with the options as a single object to the `converter` function.
+* `converter` uses Ramda.js to apply a composition of conditional setters to the `value` property, depending
+* on the accompanying options. Some of these conditional setters are selected via key-value maps, where
+* the keys are specified in the options parameters and the values are setter functions.
+*/
+
+const BigNumber = require('bignumber.js')
+const R = require('ramda')
+const { stripHexPrefix } = require('ethereumjs-util')
+
+BigNumber.config({
+ ROUNDING_MODE: BigNumber.ROUND_HALF_DOWN,
+})
+
+// Big Number Constants
+const BIG_NUMBER_WEI_MULTIPLIER = new BigNumber('1000000000000000000')
+
+// Individual Setters
+const convert = R.invoker(1, 'times')
+const round = R.invoker(2, 'toFormat')(R.__, BigNumber.ROUND_DOWN)
+
+// Setter Maps
+const toBigNumber = {
+ hex: n => new BigNumber(stripHexPrefix(n), 16),
+ dec: n => new BigNumber(n, 10),
+ BN: n => new BigNumber(n.toString(16), 16),
+}
+const toNormalizedDenomination = {
+ WEI: bigNumber => bigNumber.div(BIG_NUMBER_WEI_MULTIPLIER)
+}
+const baseChange = {
+ hex: n => n.toString(16),
+ dec: n => n.toString(10),
+ BN: n => new BN(n.toString(16)),
+}
+
+// Predicates
+const fromAndToCurrencyPropsNotEqual = R.compose(
+ R.not,
+ R.eqBy(R.__, 'fromCurrency', 'toCurrency'),
+ R.flip(R.prop)
+)
+
+// Lens
+const valuePropertyLense = R.over(R.lensProp('value'))
+
+// conditional 'value' setting wrappers
+const whenPredSetWithPropAndSetter = (pred, prop, setter) => R.when(
+ pred,
+ R.converge(
+ valuePropertyLense,
+ [R.pipe(R.prop(prop), setter), R.identity]
+ )
+)
+const whenPropApplySetterMap = (prop, setterMap) => whenPredSetWithPropAndSetter(
+ R.prop(prop),
+ prop,
+ R.prop(R.__, setterMap)
+)
+
+// Conversion utility function
+const converter = R.pipe(
+ whenPropApplySetterMap('fromNumericBase', toBigNumber),
+ whenPropApplySetterMap('fromDenomination', toNormalizedDenomination),
+ whenPredSetWithPropAndSetter(fromAndToCurrencyPropsNotEqual, 'conversionRate', convert),
+ whenPredSetWithPropAndSetter(R.prop('numberOfDecimals'), 'numberOfDecimals', round),
+ whenPropApplySetterMap('toNumericBase', baseChange),
+ R.view(R.lensProp('value'))
+);
const conversionUtil = (value, {
+ fromCurrency = null,
+ toCurrency = fromCurrency,
+ fromNumericBase,
+ toNumericBase,
+ fromDenomination,
+ numberOfDecimals,
+ conversionRate,
+}) => converter({
fromCurrency,
toCurrency,
- fromFormat,
- toFormat,
- precision = 2,
+ fromNumericBase,
+ toNumericBase,
+ fromDenomination,
+ numberOfDecimals,
conversionRate,
-}) => {
- let result;
-
- if (fromFormat === 'BN') {
- if (fromCurrency !== 'GWEI') {
- result = normalizeToWei(value, 'gwei')
- }
- else {
- result = value
- }
-
- result = result.toString(16)
- result = formatBalance(result, 9)
- result = result.split(' ')
- result = Number(result[0]) * 1000000000
- }
-
- if (fromCurrency === 'GWEI') {
- result = result / 1000000000
- }
-
- if (toCurrency === 'USD') {
- result = result * conversionRate
- result = result.toFixed(precision)
- }
-
- return result
-};
+ value,
+});
module.exports = {
conversionUtil,