insomnia/app/ui/components/base/CopyButton.js
2016-11-26 00:29:16 -08:00

42 lines
930 B
JavaScript

import React, {Component, PropTypes} from 'react';
const {clipboard} = require('electron');
class CopyButton extends Component {
state = {showConfirmation: false};
_handleClick (e) {
e.preventDefault();
clipboard.writeText(this.props.content);
this.setState({showConfirmation: true});
this._triggerTimeout = setTimeout(() => {
this.setState({showConfirmation: false});
}, 2000);
}
componentWillUnmount () {
clearTimeout(this._triggerTimeout);
}
render () {
const {content, ...other} = this.props;
const {showConfirmation} = this.state;
return (
<button onClick={this._handleClick.bind(this)} {...other}>
{showConfirmation ? (
<span>Copied <i className="fa fa-check-circle-o"></i></span>
) : 'Copy to Clipboard'}
</button>
)
}
}
CopyButton.propTypes = {
content: PropTypes.string.isRequired
};
export default CopyButton;