diff options
author | Whymarrh Whitby <whymarrh.whitby@gmail.com> | 2019-02-21 20:24:32 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-02-21 20:24:32 +0800 |
commit | 65bfdeedc77e51dea28ef643b5ea9d50a8569c81 (patch) | |
tree | 91859eabd9280c19131a403e35a9bc5262a6e402 /old-ui/app/components/copyButton.js | |
parent | c6e84ccf458061a6b64e6a15512b008e8d0166ea (diff) | |
parent | 38bb1d39792d8e4c238f7528990d725527379550 (diff) | |
download | tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.gz tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.bz2 tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.lz tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.xz tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.zst tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.zip |
Merge pull request #6166 from whymarrh/bye-bye-old-ui
Delete the old UI
Diffstat (limited to 'old-ui/app/components/copyButton.js')
-rw-r--r-- | old-ui/app/components/copyButton.js | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/old-ui/app/components/copyButton.js b/old-ui/app/components/copyButton.js deleted file mode 100644 index a25d0719c..000000000 --- a/old-ui/app/components/copyButton.js +++ /dev/null @@ -1,59 +0,0 @@ -const Component = require('react').Component -const h = require('react-hyperscript') -const inherits = require('util').inherits -const copyToClipboard = require('copy-to-clipboard') - -const Tooltip = require('./tooltip') - -module.exports = CopyButton - -inherits(CopyButton, Component) -function CopyButton () { - Component.call(this) -} - -// As parameters, accepts: -// "value", which is the value to copy (mandatory) -// "title", which is the text to show on hover (optional, defaults to 'Copy') -CopyButton.prototype.render = function () { - const props = this.props - const state = this.state || {} - - const value = props.value - const copied = state.copied - - const message = copied ? 'Copied' : props.title || ' Copy ' - - return h('.copy-button', { - style: { - display: 'flex', - alignItems: 'center', - }, - }, [ - - h(Tooltip, { - title: message, - }, [ - h('i.fa.fa-clipboard.cursor-pointer.color-orange', { - style: { - margin: '5px', - }, - onClick: (event) => { - event.preventDefault() - event.stopPropagation() - copyToClipboard(value) - this.debounceRestore() - }, - }), - ]), - - ]) -} - -CopyButton.prototype.debounceRestore = function () { - this.setState({ copied: true }) - clearTimeout(this.timeout) - this.timeout = setTimeout(() => { - this.setState({ copied: false }) - }, 850) -} |