insomnia/app/ui/components/base/CopyButton.js
Gregory Schier b198e6170b React performance sweep (#96)
* Removed some unnecessary rendering

* Only PureComponents and some other stuff

* Removed all functional components

* Only deal with nunjucks marks

* Remove ref assign functions in modals

* Lots of tweaks

* A bit snappier

* A bit snappier
2017-02-28 13:32:23 -08:00

44 lines
984 B
JavaScript

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