const Component = require('react').Component const h = require('react-hyperscript') const connect = require('react-redux').connect const inherits = require('util').inherits const formatBalance = require('../util').formatBalance const generateBalanceObject = require('../util').generateBalanceObject const Tooltip = require('./tooltip.js') const FiatValue = require('./fiat-value.js') module.exports = connect(mapStateToProps)(EthBalanceComponent) function mapStateToProps (state) { return { ticker: state.metamask.ticker, } } inherits(EthBalanceComponent, Component) function EthBalanceComponent () { Component.call(this) } EthBalanceComponent.prototype.render = function () { var props = this.props let { value } = props const { ticker } = props var style = props.style var needsParse = this.props.needsParse !== undefined ? this.props.needsParse : true value = value ? formatBalance(value, 6, needsParse, ticker) : '...' var width = props.width return ( h('.ether-balance.ether-balance-amount', { style: style, }, [ h('div', { style: { display: 'inline', width: width, }, }, this.renderBalance(value)), ]) ) } EthBalanceComponent.prototype.renderBalance = function (value) { var props = this.props if (value === 'None') return value if (value === '...') return value var balanceObj = generateBalanceObject(value, props.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) { balance = balanceObj.shortBalance } else { balance = balanceObj.balance } var label = balanceObj.label return ( h(Tooltip, { position: 'bottom', title: `${ethNumber} ${ethSuffix}`, }, h('div.flex-column', [ h('.flex-row', { style: { alignItems: 'flex-end', lineHeight: '13px', fontFamily: 'Montserrat Light', textRendering: 'geometricPrecision', }, }, [ h('div', { style: { width: '100%', textAlign: 'right', }, }, this.props.incoming ? `+${balance}` : balance), h('div', { style: { color: ' #AEAEAE', fontSize: '12px', marginLeft: '5px', }, }, label), ]), showFiat ? h(FiatValue, { value: props.value }) : null, ])) ) }