insomnia/app/ui/components/base/CopyButton.js
Gregory Schier e380a4d2b1 Insomnia Plus Launch (#41)
* Payment modal done

* Refactor settings and added command support

* Made sync operations more efficient

* Sync button slightly more efficient

* Remove Elm

* Fixed Codemirror

* Nunjucks 3.0

* Revert sourcemap change and some renaming

* Some fixes for Config creation, and added name to resources

* Set to new Insomnia URL

* Some fixes
2016-11-07 12:24:38 -08:00

46 lines
984 B
JavaScript

import React, {Component, PropTypes} from 'react';
const {clipboard} = require('electron');
class CopyButton extends Component {
constructor (props) {
super(props);
this.state = {
showConfirmation: false
}
}
_handleClick (e) {
e.preventDefault();
clipboard.writeText(this.props.content);
this.setState({showConfirmation: true});
this._askTimeout = setTimeout(() => {
this.setState({showConfirmation: false});
}, 2000);
}
componentWillUnmount() {
clearTimeout(this._askTimeout);
}
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;