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

43 lines
930 B
JavaScript
Raw Normal View History

import React, {Component, PropTypes} from 'react';
const {clipboard} = require('electron');
class CopyButton extends Component {
2016-11-26 08:29:16 +00:00
state = {showConfirmation: false};
2016-11-29 21:28:22 +00:00
_handleClick = e => {
e.preventDefault();
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, ...other} = this.props;
const {showConfirmation} = this.state;
return (
2016-11-29 21:28:22 +00:00
<button onClick={this._handleClick} {...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;