insomnia/app/ui/components/base/CopyButton.js

44 lines
984 B
JavaScript
Raw Normal View History

import React, {PureComponent, PropTypes} from 'react';
const {clipboard} = require('electron');
class CopyButton extends PureComponent {
2016-11-26 08:29:16 +00:00
state = {showConfirmation: false};
2016-11-29 21:28:22 +00:00
_handleClick = e => {
e.preventDefault();
e.stopPropagation();
clipboard.writeText(this.props.content);
this.setState({showConfirmation: true});
this._triggerTimeout = setTimeout(() => {
this.setState({showConfirmation: false});
}, 2000);
2016-11-29 21:28:22 +00:00
};
2016-11-26 08:29:16 +00:00
componentWillUnmount () {
clearTimeout(this._triggerTimeout);
}
render () {
const {content, children, ...other} = this.props;
const {showConfirmation} = this.state;
return (
<button {...other} onClick={this._handleClick}>
2016-11-29 21:28:22 +00:00
{showConfirmation ?
<span>Copied <i className="fa fa-check-circle-o"/></span> :
(children || 'Copy to Clipboard')
2016-11-29 21:28:22 +00:00
}
</button>
)
}
}
CopyButton.propTypes = {
content: PropTypes.string.isRequired
};
export default CopyButton;