diff options
author | Dan Finlay <dan@danfinlay.com> | 2017-05-13 03:41:31 +0800 |
---|---|---|
committer | Dan Finlay <dan@danfinlay.com> | 2017-05-13 03:44:51 +0800 |
commit | 19db11856bef65c38d96eb1d6084d88ab6e7eebc (patch) | |
tree | ed75d3ea84c947ea5fb838b6fb83d75eb596cca2 /ui/app/components/eth-balance.js | |
parent | daec667c16c9a55e6357871a82ff2b863501a393 (diff) | |
download | tangerine-wallet-browser-19db11856bef65c38d96eb1d6084d88ab6e7eebc.tar.gz tangerine-wallet-browser-19db11856bef65c38d96eb1d6084d88ab6e7eebc.tar.zst tangerine-wallet-browser-19db11856bef65c38d96eb1d6084d88ab6e7eebc.zip |
Remove redux dependency from eth-balance and its dependent tree
For better unit testability of the conf-tx view.
Diffstat (limited to 'ui/app/components/eth-balance.js')
-rw-r--r-- | ui/app/components/eth-balance.js | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/ui/app/components/eth-balance.js b/ui/app/components/eth-balance.js index 57ca84564..21906aa09 100644 --- a/ui/app/components/eth-balance.js +++ b/ui/app/components/eth-balance.js @@ -16,20 +16,19 @@ function EthBalanceComponent () { EthBalanceComponent.prototype.render = function () { var props = this.props let { value } = props - var style = props.style + const { style, width } = props var needsParse = this.props.needsParse !== undefined ? this.props.needsParse : true value = value ? formatBalance(value, 6, needsParse) : '...' - var width = props.width return ( h('.ether-balance.ether-balance-amount', { - style: style, + style, }, [ h('div', { style: { display: 'inline', - width: width, + width, }, }, this.renderBalance(value)), ]) @@ -38,16 +37,17 @@ EthBalanceComponent.prototype.render = function () { } EthBalanceComponent.prototype.renderBalance = function (value) { var props = this.props + const { conversionRate, shorten, incoming } = props if (value === 'None') return value if (value === '...') return value - var balanceObj = generateBalanceObject(value, props.shorten ? 1 : 3) + var balanceObj = generateBalanceObject(value, shorten ? 1 : 3) var balance var splitBalance = value.split(' ') var ethNumber = splitBalance[0] var ethSuffix = splitBalance[1] const showFiat = 'showFiat' in props ? props.showFiat : true - if (props.shorten) { + if (shorten) { balance = balanceObj.shortBalance } else { balance = balanceObj.balance @@ -73,7 +73,7 @@ EthBalanceComponent.prototype.renderBalance = function (value) { width: '100%', textAlign: 'right', }, - }, this.props.incoming ? `+${balance}` : balance), + }, incoming ? `+${balance}` : balance), h('div', { style: { color: ' #AEAEAE', @@ -83,7 +83,7 @@ EthBalanceComponent.prototype.renderBalance = function (value) { }, label), ]), - showFiat ? h(FiatValue, { value: props.value }) : null, + showFiat ? h(FiatValue, { value, conversionRate }) : null, ])) ) } |