aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--old-ui/app/add-suggested-token.js29
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 1a0fc0461..51be4c5f2 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', [