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