diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-05 16:48:52 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-06 15:36:31 +0800 |
| commit | 06b2a04a4259a0bc7dff4004328441d353c296de (patch) | |
| tree | 3ecb23718c23f244f3216b8f82dc3dc0c7e9e014 /ui/app/components/token-cell.js | |
| parent | 562d2fadaed93946bce8e5f306d1a2e271e971c7 (diff) | |
| download | tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.tar tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.tar.gz tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.tar.bz2 tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.tar.lz tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.tar.xz tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.tar.zst tangerine-wallet-browser-06b2a04a4259a0bc7dff4004328441d353c296de.zip | |
Implement tokens list UI
Diffstat (limited to 'ui/app/components/token-cell.js')
| -rw-r--r-- | ui/app/components/token-cell.js | 23 |
1 files changed, 17 insertions, 6 deletions
diff --git a/ui/app/components/token-cell.js b/ui/app/components/token-cell.js index 19d7139bb..a24e4e1ac 100644 --- a/ui/app/components/token-cell.js +++ b/ui/app/components/token-cell.js @@ -13,23 +13,34 @@ function TokenCell () { TokenCell.prototype.render = function () { const props = this.props - const { address, symbol, string, network, userAddress } = props + const { + address, + symbol, + string, + network, + // userAddress, + } = props return ( - h('li.token-cell', { + h('div.token-list-item', { style: { cursor: network === '1' ? 'pointer' : 'default' }, - onClick: this.view.bind(this, address, userAddress, network), + // onClick: this.view.bind(this, address, userAddress, network), }, [ h(Identicon, { - diameter: 50, + className: 'token-list-item__identicon', + diameter: 45, address, network, }), - h('h3', `${string || 0} ${symbol}`), + h('h.token-list-item__balance-wrapper', null, [ + h('h3.token-list-item__token-balance', `${string || 0} ${symbol}`), - h('span', { style: { flex: '1 0 auto' } }), + h('div.token-list-item__fiat-amount', { + style: {}, + }, '210 FPO'), + ]), /* h('button', { |