diff options
author | Kevin Serrano <kevgagser@gmail.com> | 2017-06-23 08:28:10 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-06-23 08:28:10 +0800 |
commit | f022c7c714e17faf9558839116ba90ca8082e6b1 (patch) | |
tree | 7cab7a825004343b6f7d3aa909eef71d31391fc6 /ui/app/components/token-cell.js | |
parent | 2a429253994a0df2aae27234a7ac11c870bdc713 (diff) | |
parent | c0c588053a29a4406ef30de8628065429ff99595 (diff) | |
download | tangerine-wallet-browser-f022c7c714e17faf9558839116ba90ca8082e6b1.tar.gz tangerine-wallet-browser-f022c7c714e17faf9558839116ba90ca8082e6b1.tar.zst tangerine-wallet-browser-f022c7c714e17faf9558839116ba90ca8082e6b1.zip |
Merge pull request #1603 from MetaMask/AddTokenList
Add popular token list
Diffstat (limited to 'ui/app/components/token-cell.js')
-rw-r--r-- | ui/app/components/token-cell.js | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/ui/app/components/token-cell.js b/ui/app/components/token-cell.js new file mode 100644 index 000000000..d3a895d36 --- /dev/null +++ b/ui/app/components/token-cell.js @@ -0,0 +1,46 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const Identicon = require('./identicon') + +module.exports = TokenCell + +inherits(TokenCell, Component) +function TokenCell () { + Component.call(this) +} + +TokenCell.prototype.render = function () { + const props = this.props + const { address, symbol, string, network, userAddress } = props + + return ( + h('li.token-cell', { + style: { cursor: network === '1' ? 'pointer' : 'default' }, + onClick: (event) => { + const url = urlFor(address, userAddress, network) + if (url) { + navigateTo(url) + } + }, + }, [ + + h(Identicon, { + diameter: 50, + address, + network, + }), + + h('h3', `${string || 0} ${symbol}`), + ]) + ) +} + +function navigateTo (url) { + global.platform.openWindow({ url }) +} + +function urlFor (tokenAddress, address, network) { + return `https://etherscan.io/token/${tokenAddress}?a=${address}` +} + |