diff options
author | Dan Finlay <dan@danfinlay.com> | 2017-06-05 13:21:37 +0800 |
---|---|---|
committer | Dan Finlay <dan@danfinlay.com> | 2017-06-05 13:22:59 +0800 |
commit | 773b36b0de5613f1f6bda1caba08ee240a14ab32 (patch) | |
tree | 14551d4a3aa3f57481da9fc1b50d938251d68f7f /ui/app/components/pending-tx.js | |
parent | ec097c8e3473826f29d988bb6e754345f494913e (diff) | |
download | tangerine-wallet-browser-773b36b0de5613f1f6bda1caba08ee240a14ab32.tar.gz tangerine-wallet-browser-773b36b0de5613f1f6bda1caba08ee240a14ab32.tar.zst tangerine-wallet-browser-773b36b0de5613f1f6bda1caba08ee240a14ab32.zip |
Move address copying into reusable component
"copyable" component allows any elements to be wrapped to include:
- a tool tip that changes/debounces its label when clicked.
- a customizable copyable value.
Fixes #1539
Diffstat (limited to 'ui/app/components/pending-tx.js')
-rw-r--r-- | ui/app/components/pending-tx.js | 25 |
1 files changed, 5 insertions, 20 deletions
diff --git a/ui/app/components/pending-tx.js b/ui/app/components/pending-tx.js index 4a62746d6..4961db5de 100644 --- a/ui/app/components/pending-tx.js +++ b/ui/app/components/pending-tx.js @@ -9,8 +9,7 @@ const BN = ethUtil.BN const hexToBn = require('../../../app/scripts/lib/hex-to-bn') const MiniAccountPanel = require('./mini-account-panel') -const Tooltip = require('./tooltip') -const copyToClipboard = require('copy-to-clipboard') +const Copyable = require('./copyable') const EthBalance = require('./eth-balance') const util = require('../util') const addressSummary = util.addressSummary @@ -96,18 +95,11 @@ PendingTx.prototype.render = function () { }, }, identity.name), - h(Tooltip, { - title: 'Copy address', - position: 'bottom', + h(Copyable, { + value: ethUtil.toChecksumAddress(address), }, [ h('span.font-small', { - onClick: (event) => { - event.preventDefault() - event.stopPropagation() - copyToClipboard(ethUtil.toChecksumAddress(address)) - }, style: { - cursor: 'pointer', fontFamily: 'Montserrat Light, Montserrat, sans-serif', }, }, addressSummary(address, 6, 4, false)), @@ -343,18 +335,11 @@ PendingTx.prototype.miniAccountPanelForRecipient = function () { }, }, nameForAddress(txParams.to, props.identities)), - h(Tooltip, { - title: 'Copy address', - position: 'bottom', + h(Copyable, { + value: ethUtil.toChecksumAddress(txParams.to), }, [ h('span.font-small', { - onClick: (event) => { - event.preventDefault() - event.stopPropagation() - copyToClipboard(ethUtil.toChecksumAddress(txParams.to)) - }, style: { - cursor: 'pointer', fontFamily: 'Montserrat Light, Montserrat, sans-serif', }, }, addressSummary(txParams.to, 6, 4, false)), |