Merge pull request #1634 from MetaMask/i784-SendTokenButton

Add send token button (link to TokenFactory)

2 files changed, 30 insertions, 7 deletions

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7427cf3b9..b405ddc6c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 - Add list of popular tokens held to the account detail view.
 - Add ability to add Tokens to token list.
 - Add a warning to JSON file import.
+- Add "send" link to token list, which goes to TokenFactory.
 - Fix bug where slowly mined txs would sometimes be incorrectly marked as failed.
 - Fix bug where badge count did not reflect personal_sign pending messages.
 - Seed word confirmation wording is now scarier.
diff --git a/ui/app/components/token-cell.js b/ui/app/components/token-cell.js
index 4d2cacb01..48f46934a 100644
--- a/ui/app/components/token-cell.js
+++ b/ui/app/components/token-cell.js
@@ -18,12 +18,7 @@ TokenCell.prototype.render = function () {
   return (
     h('li.token-cell', {
       style: { cursor: network === '1' ? 'pointer' : 'default' },
-      onClick: (event) => {
-        const url = urlFor(address, userAddress, network)
-        if (url) {
-          navigateTo(url)
-        }
-      },
+      onClick: this.view.bind(this, address, userAddress, network),
     }, [
 
       h(Identicon, {
@@ -33,16 +28,43 @@ TokenCell.prototype.render = function () {
       }),
 
       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 urlFor (tokenAddress, address, network) {
+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}`
+}
+