diff options
accounts - rename account list item so it doesnt overlap
Diffstat (limited to 'ui/app/accounts/account-panel.js')
-rw-r--r-- | ui/app/accounts/account-panel.js | 80 |
1 files changed, 0 insertions, 80 deletions
diff --git a/ui/app/accounts/account-panel.js b/ui/app/accounts/account-panel.js deleted file mode 100644 index af3d0d347..000000000 --- a/ui/app/accounts/account-panel.js +++ /dev/null @@ -1,80 +0,0 @@ -const Component = require('react').Component -const h = require('react-hyperscript') -const inherits = require('util').inherits -const ethUtil = require('ethereumjs-util') - -const EtherBalance = require('../components/eth-balance') -const copyToClipboard = require('copy-to-clipboard') -const Identicon = require('../components/identicon') - -module.exports = NewComponent - -inherits(NewComponent, Component) -function NewComponent () { - Component.call(this) -} - -NewComponent.prototype.render = function () { - const identity = this.props.identity - var isSelected = this.props.selectedAddress === identity.address - var account = this.props.accounts[identity.address] - const selectedClass = isSelected ? '.selected' : '' - - return ( - h(`.accounts-list-option.flex-row.flex-space-between.pointer.hover-white${selectedClass}`, { - key: `account-panel-${identity.address}`, - style: { - flex: '1 0 auto', - }, - onClick: (event) => this.props.onShowDetail(identity.address, event), - }, [ - - h('.identicon-wrapper.flex-column.flex-center.select-none', [ - this.pendingOrNot(), - h(Identicon, { - address: identity.address, - }), - ]), - - // account address, balance - h('.identity-data.flex-column.flex-justify-center.flex-grow.select-none', { - style: { - width: '200px', - }, - }, [ - h('span', identity.name), - h('span.font-small', { - style: { - overflow: 'hidden', - textOverflow: 'ellipsis', - }, - }, ethUtil.toChecksumAddress(identity.address)), - h(EtherBalance, { - value: account.balance, - }), - ]), - - // copy button - h('.identity-copy.flex-column', { - style: { - margin: '0 20px', - }, - }, [ - h('img.cursor-pointer.color-orange', { - src: 'images/copy.svg', - onClick: (event) => { - event.stopPropagation() - event.preventDefault() - copyToClipboard(ethUtil.toChecksumAddress(identity.address)) - }, - }), - ]), - ]) - ) -} - -NewComponent.prototype.pendingOrNot = function () { - const pending = this.props.pending - if (pending.length === 0) return null - return h('.pending-dot', pending.length) -} |