aboutsummaryrefslogtreecommitdiffstats
path: root/responsive-ui/app/components/copyable.js
diff options
context:
space:
mode:
Diffstat (limited to 'responsive-ui/app/components/copyable.js')
-rw-r--r--responsive-ui/app/components/copyable.js46
1 files changed, 0 insertions, 46 deletions
diff --git a/responsive-ui/app/components/copyable.js b/responsive-ui/app/components/copyable.js
deleted file mode 100644
index a4f6f4bc6..000000000
--- a/responsive-ui/app/components/copyable.js
+++ /dev/null
@@ -1,46 +0,0 @@
-const Component = require('react').Component
-const h = require('react-hyperscript')
-const inherits = require('util').inherits
-
-const Tooltip = require('./tooltip')
-const copyToClipboard = require('copy-to-clipboard')
-
-module.exports = Copyable
-
-inherits(Copyable, Component)
-function Copyable () {
- Component.call(this)
- this.state = {
- copied: false,
- }
-}
-
-Copyable.prototype.render = function () {
- const props = this.props
- const state = this.state
- const { value, children } = props
- const { copied } = state
-
- return h(Tooltip, {
- title: copied ? 'Copied!' : 'Copy',
- position: 'bottom',
- }, h('span', {
- style: {
- cursor: 'pointer',
- },
- onClick: (event) => {
- event.preventDefault()
- event.stopPropagation()
- copyToClipboard(value)
- this.debounceRestore()
- },
- }, children))
-}
-
-Copyable.prototype.debounceRestore = function () {
- this.setState({ copied: true })
- clearTimeout(this.timeout)
- this.timeout = setTimeout(() => {
- this.setState({ copied: false })
- }, 850)
-}