m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Replace manual copy buttons with new CopyButton component

Browse Source
This commit is contained in:
Dan Finlay 2016-06-29 14:11:31 -07:00
parent 441a7eec28
commit 5c57169219
2 changed files with 6 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/app/account-detail.js
View File

@ -3,7 +3,7 @@ const extend = require('xtend')
const Component = require('react').Component const Component = require('react').Component
const h = require('react-hyperscript') const h = require('react-hyperscript')
const connect = require('react-redux').connect const connect = require('react-redux').connect
const copyToClipboard = require('copy-to-clipboard') const CopyButton = require('./components/copyButton')
const actions = require('./actions') const actions = require('./actions')
const ReactCSSTransitionGroup = require('react-addons-css-transition-group') const ReactCSSTransitionGroup = require('react-addons-css-transition-group')
const valuesFor = require('./util').valuesFor const valuesFor = require('./util').valuesFor
@ -105,13 +105,8 @@ AccountDetailScreen.prototype.render = function () {
}, },
}, ethUtil.toChecksumAddress(selected)), }, ethUtil.toChecksumAddress(selected)),
h('img.cursor-pointer.color-orange', { h(CopyButton, {
src: 'images/copy.svg', value: ethUtil.toChecksumAddress(selected),
title: 'Copy Address',
onClick: () => copyToClipboard(ethUtil.toChecksumAddress(selected)),
style: {
margin: '0px 5px',
},
}), }),
h('img.cursor-pointer.color-orange', { h('img.cursor-pointer.color-orange', {

12
ui/app/accounts/account-list-item.js
View File

@ -4,7 +4,7 @@ const inherits = require('util').inherits
const ethUtil = require('ethereumjs-util') const ethUtil = require('ethereumjs-util')
const EtherBalance = require('../components/eth-balance') const EtherBalance = require('../components/eth-balance')
const copyToClipboard = require('copy-to-clipboard') const CopyButton = require('../components/copyButton')
const Identicon = require('../components/identicon') const Identicon = require('../components/identicon')
module.exports = NewComponent module.exports = NewComponent
@ -61,14 +61,8 @@ NewComponent.prototype.render = function () {
margin: '0 20px', margin: '0 20px',
}, },
}, [ }, [
h('img.cursor-pointer.color-orange', { h(CopyButton, {
title: 'Copy Address', value: ethUtil.toChecksumAddress(identity.address),
src: 'images/copy.svg',
onClick: (event) => {
event.stopPropagation()
event.preventDefault()
copyToClipboard(ethUtil.toChecksumAddress(identity.address))
},
}), }),
]), ]),
]) ])