diff options
Diffstat (limited to 'ui')
-rw-r--r-- | ui/app/components/eth-balance-tx-history.js | 70 | ||||
-rw-r--r-- | ui/app/components/transaction-list-item.js | 2 |
2 files changed, 71 insertions, 1 deletions
diff --git a/ui/app/components/eth-balance-tx-history.js b/ui/app/components/eth-balance-tx-history.js new file mode 100644 index 000000000..9c7f48cf1 --- /dev/null +++ b/ui/app/components/eth-balance-tx-history.js @@ -0,0 +1,70 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const formatBalance = require('../util').formatBalance +const generateBalanceObject = require('../util').generateBalanceObject +const Tooltip = require('./tooltip.js') +module.exports = EthBalanceComponent + +inherits(EthBalanceComponent, Component) +function EthBalanceComponent () { + Component.call(this) +} + +EthBalanceComponent.prototype.render = function () { + var state = this.props + var style = state.style + var value = formatBalance(state.value) + return ( + + h('.ether-balance', { + style: style, + }, [ + h('.ether-balance-amount', { + style: { + display: 'inline', + width: '55px', + overflow: 'hidden', + }, + }, this.renderBalance(value)), + ]) + + ) +} +EthBalanceComponent.prototype.renderBalance = function (value) { + if (value === 'None') return value + var balanceObj = generateBalanceObject(value) + + var balance = balanceObj.balance + var label = balanceObj.label + + return ( + h(Tooltip, { + position: 'bottom', + title: value.split(' ')[0], + }, [ + h('.flex-column', { + style: { + alignItems: 'flex-end', + lineHeight: '13px', + fontFamily: 'Montserrat Light', + textRendering: 'geometricPrecision', + }, + }, [ + h('div', { + style: { + width: '100%', + overflow: 'hidden', + textOverflow: 'ellipsis', + }, + }, balance), + h('div', { + style: { + color: ' #AEAEAE', + fontSize: '12px', + }, + }, label), + ]), + ]) + ) +} diff --git a/ui/app/components/transaction-list-item.js b/ui/app/components/transaction-list-item.js index 21394c652..a41226343 100644 --- a/ui/app/components/transaction-list-item.js +++ b/ui/app/components/transaction-list-item.js @@ -2,7 +2,7 @@ const Component = require('react').Component const h = require('react-hyperscript') const inherits = require('util').inherits -const EtherBalance = require('./eth-balance') +const EtherBalance = require('./eth-balance-tx-history') const addressSummary = require('../util').addressSummary const explorerLink = require('../../lib/explorer-link') const CopyButton = require('./copyButton') |