show token address summary on old ui

1 files changed, 19 insertions, 10 deletions

diff --git a/old-ui/app/add-suggested-token.js b/old-ui/app/add-suggested-token.js
index 1a0fc046..51be4c5f 100644
--- a/old-ui/app/add-suggested-token.js
+++ b/old-ui/app/add-suggested-token.js
@@ -5,6 +5,9 @@ const connect = require('react-redux').connect
 const actions = require('../../ui/app/actions')
 const Tooltip = require('./components/tooltip.js')
 const ethUtil = require('ethereumjs-util')
+const Copyable = require('./components/copyable')
+const addressSummary = require('./util').addressSummary
+
 
 module.exports = connect(mapStateToProps)(AddSuggestedTokenScreen)
 
@@ -70,16 +73,22 @@ AddSuggestedTokenScreen.prototype.render = function () {
             ]),
           ]),
 
-          h('section.flex-row.flex-center', [
-            h('p#token-address', {
-              name: 'address',
-              style: {
-                width: 'inherit',
-                flex: '1 0 auto',
-                height: '30px',
-                margin: '8px',
-              },
-            }, address),
+          h('div', {
+            style: { display: 'flex' },
+          }, [
+            h(Copyable, {
+            value: ethUtil.toChecksumAddress(address),
+            }, [
+              h('span#token-address', {
+                style: {
+                  width: 'inherit',
+                  flex: '1 0 auto',
+                  height: '30px',
+                  margin: '8px',
+                  display: 'flex',
+                },
+              }, addressSummary(address, 24, 4, false)),
+            ]),
           ]),
 
           h('div', [