diff options
author | Dan Finlay <flyswatter@users.noreply.github.com> | 2017-07-21 05:05:12 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-07-21 05:05:12 +0800 |
commit | 6553c9c64b82a9a26a973f05b5fe7f29a6371828 (patch) | |
tree | 8f2433bb8dd30e5eaba1fdec7271744323dea46d /responsive-ui/app/components/token-cell.js | |
parent | 199587383b022a17d56adcb56d6a99ceba71fec7 (diff) | |
parent | 38dccab12e4140bb085f3ea17e642e55f54d68a1 (diff) | |
download | tangerine-wallet-browser-6553c9c64b82a9a26a973f05b5fe7f29a6371828.tar.gz tangerine-wallet-browser-6553c9c64b82a9a26a973f05b5fe7f29a6371828.tar.zst tangerine-wallet-browser-6553c9c64b82a9a26a973f05b5fe7f29a6371828.zip |
Merge pull request #1802 from MetaMask/RestructureNewUI
Restructure new ui branch folders
Diffstat (limited to 'responsive-ui/app/components/token-cell.js')
-rw-r--r-- | responsive-ui/app/components/token-cell.js | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/responsive-ui/app/components/token-cell.js b/responsive-ui/app/components/token-cell.js new file mode 100644 index 000000000..19d7139bb --- /dev/null +++ b/responsive-ui/app/components/token-cell.js @@ -0,0 +1,72 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const Identicon = require('./identicon') +const prefixForNetwork = require('../../lib/etherscan-prefix-for-network') + +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: this.view.bind(this, address, userAddress, network), + }, [ + + h(Identicon, { + diameter: 50, + address, + network, + }), + + h('h3', `${string || 0} ${symbol}`), + + h('span', { style: { flex: '1 0 auto' } }), + + /* + h('button', { + onClick: this.send.bind(this, address), + }, 'SEND'), + */ + + ]) + ) +} + +TokenCell.prototype.send = function (address, event) { + event.preventDefault() + event.stopPropagation() + const url = tokenFactoryFor(address) + if (url) { + navigateTo(url) + } +} + +TokenCell.prototype.view = function (address, userAddress, network, event) { + const url = etherscanLinkFor(address, userAddress, network) + if (url) { + navigateTo(url) + } +} + +function navigateTo (url) { + global.platform.openWindow({ url }) +} + +function etherscanLinkFor (tokenAddress, address, network) { + const prefix = prefixForNetwork(network) + return `https://${prefix}etherscan.io/token/${tokenAddress}?a=${address}` +} + +function tokenFactoryFor (tokenAddress) { + return `https://tokenfactory.surge.sh/#/token/${tokenAddress}` +} + |