import React, { Component } from 'react' import PropTypes from 'prop-types' import classnames from 'classnames' import { checksumAddress } from '../../../util' import Identicon from '../../identicon' import UserPreferencedCurrencyDisplay from '../../user-preferenced-currency-display' import { PRIMARY, SECONDARY } from '../../../constants/common' import Tooltip from '../../tooltip-v2' export default class AccountListItem extends Component { static propTypes = { account: PropTypes.object, className: PropTypes.string, conversionRate: PropTypes.number, currentCurrency: PropTypes.string, displayAddress: PropTypes.bool, displayBalance: PropTypes.bool, handleClick: PropTypes.func, icon: PropTypes.node, balanceIsCached: PropTypes.bool, }; static contextTypes = { t: PropTypes.func, }; render () { const { account, className, displayAddress = false, displayBalance = true, handleClick, icon = null, balanceIsCached, } = this.props const { name, address, balance } = account || {} return (
handleClick && handleClick({ name, address, balance })} >
{ name || address }
{icon &&
{ icon }
}
{displayAddress && name &&
{ checksumAddress(address) }
} { displayBalance && (
{ balanceIsCached ? * : null }
) }
) } }