diff options
author | Whymarrh Whitby <whymarrh.whitby@gmail.com> | 2018-07-17 00:05:05 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-07-17 00:05:05 +0800 |
commit | db4469794e3e843f3cb08222d0a9b568c7816a85 (patch) | |
tree | 58602319cc267170b1038102817528df668e516f /ui/app/components/send/account-list-item/account-list-item.component.js | |
parent | 117d43be1f9aa701a8a02570ebbc71ecf1b9da94 (diff) | |
parent | 5c3efe8bc47a9f8e7a7e0952589c1a2f42ec4eca (diff) | |
download | tangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.tar.gz tangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.tar.zst tangerine-wallet-browser-db4469794e3e843f3cb08222d0a9b568c7816a85.zip |
Merge pull request #4621 from MetaMask/one-send-directory
Remove 'send_/' directory; revert to just having send
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 | 73 |
1 files changed, 73 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..9f4a96e61 --- /dev/null +++ b/ui/app/components/send/account-list-item/account-list-item.component.js @@ -0,0 +1,73 @@ +import React, { Component } from 'react' +import PropTypes from 'prop-types' +import { checksumAddress } from '../../../util' +import Identicon from '../../identicon' +import CurrencyDisplay from '../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, + }; + + static contextTypes = { + t: PropTypes.func, + }; + + 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>) + } +} |