diff options
author | Erik Marks <25517051+rekmarks@users.noreply.github.com> | 2018-06-13 04:39:21 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-06-13 04:39:21 +0800 |
commit | bb201d7c4aec5c8bb72615aaf2880a806a2bd138 (patch) | |
tree | fb39d41db91c831202dc0b057231b77ed1308210 /ui/app/components/send_/account-list-item/account-list-item.component.js | |
parent | 6ba70a039af5139933747a1ffae070fe246f3501 (diff) | |
parent | 0740dd6a5b89defd5f5ba27fa38c7004243f0ce2 (diff) | |
download | tangerine-wallet-browser-bb201d7c4aec5c8bb72615aaf2880a806a2bd138.tar.gz tangerine-wallet-browser-bb201d7c4aec5c8bb72615aaf2880a806a2bd138.tar.zst tangerine-wallet-browser-bb201d7c4aec5c8bb72615aaf2880a806a2bd138.zip |
Merge branch 'develop' into stop-reload-on-network-change
Diffstat (limited to 'ui/app/components/send_/account-list-item/account-list-item.component.js')
-rw-r--r-- | ui/app/components/send_/account-list-item/account-list-item.component.js | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/ui/app/components/send_/account-list-item/account-list-item.component.js b/ui/app/components/send_/account-list-item/account-list-item.component.js new file mode 100644 index 000000000..b8407d147 --- /dev/null +++ b/ui/app/components/send_/account-list-item/account-list-item.component.js @@ -0,0 +1,74 @@ +import React, { Component } from 'react' +import PropTypes from 'prop-types' +import { checksumAddress } from '../../../util' +import Identicon from '../../identicon' +import CurrencyDisplay from '../../send/currency-display' + +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, + }; + + render () { + const { + account, + className, + conversionRate, + currentCurrency, + displayAddress = false, + displayBalance = true, + handleClick, + icon = null, + } = this.props + + const { name, address, balance } = account || {} + + return (<div + className={`account-list-item ${className}`} + onClick={() => handleClick({ name, address, balance })} + > + + <div className="account-list-item__top-row"> + <Identicon + address={address} + className="account-list-item__identicon" + diameter={18} + /> + + <div className="account-list-item__account-name">{ name || address }</div> + + {icon && <div className="account-list-item__icon">{ icon }</div>} + + </div> + + {displayAddress && name && <div className="account-list-item__account-address"> + { checksumAddress(address) } + </div>} + + {displayBalance && <CurrencyDisplay + className="account-list-item__account-balances" + conversionRate={conversionRate} + convertedBalanceClassName="account-list-item__account-secondary-balance" + convertedCurrency={currentCurrency} + primaryBalanceClassName="account-list-item__account-primary-balance" + primaryCurrency="ETH" + readOnly={true} + value={balance} + />} + + </div>) + } +} + +AccountListItem.contextTypes = { + t: PropTypes.func, +} + |