Files
insomnia/app/components/base/CopyButton.js
Gregory Schier 9e84bc4387 Workspaces, Cookies, and More! (#31)
* Start on workspace dropdown and upgrade fontawesome

* WorkspaceDropdown start and Elm components!

* Lots of CSS shit

* Refactor some db stuff and move filter out of sidebar

* Adjust dropdown css

* Handle duplicate header names, and stuff

* Shitty cookies tab

* fixed cookie table a bit

* Modal refactor

* Starteed cookie modal design

* Better cookie storage and filter cookie modal

* Cookie editor round 1

* Fix kve cursor jumping and form encoding templating

* New cookies now show up in filter

* Checkpoint

* Stuff and fix environments css

* Added manage cookies button to cookie pane

* Fix accidental sidebar item drag on sidebar resize

* Environments modal is looking pretty good now

* Pretty much done environments nad cookies

* Some changes

* Fixed codemirror in modals

* Fixed some things

* Add basic proxy support

* Updated shortcuts

* Code snippet generation

* Some style

* bug fix

* Code export now gets cookies for correct domain
2016-08-15 10:04:36 -07:00

46 lines
978 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._timeout = setTimeout(() => {
this.setState({showConfirmation: false});
}, 2000);
}
componentWillUnmount() {
clearTimeout(this._timeout);
}
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;