aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/accounts/account-panel.js
diff options
context:
space:
mode:
authorkumavis <aaron@kumavis.me>2016-06-24 07:18:47 +0800
committerkumavis <aaron@kumavis.me>2016-06-24 07:18:47 +0800
commite96a53385f48da021730b0cc351a223abcc712e3 (patch)
tree85e266a8c45be12d62a245f134ec34b36767173f /ui/app/accounts/account-panel.js
parent7eb89613ccee118d97a48d83336bbea44614da18 (diff)
downloadtangerine-wallet-browser-e96a53385f48da021730b0cc351a223abcc712e3.tar
tangerine-wallet-browser-e96a53385f48da021730b0cc351a223abcc712e3.tar.gz
tangerine-wallet-browser-e96a53385f48da021730b0cc351a223abcc712e3.tar.bz2
tangerine-wallet-browser-e96a53385f48da021730b0cc351a223abcc712e3.tar.lz
tangerine-wallet-browser-e96a53385f48da021730b0cc351a223abcc712e3.tar.xz
tangerine-wallet-browser-e96a53385f48da021730b0cc351a223abcc712e3.tar.zst
tangerine-wallet-browser-e96a53385f48da021730b0cc351a223abcc712e3.zip
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.js80
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)
-}