import React from 'react'
import {Utils} from 'nylas-exports';
import {clipboard} from 'electron';


class CopyButton extends React.Component {

  static propTypes = {
    btnLabel: React.PropTypes.string,
    copyValue: React.PropTypes.string,
  }

  constructor(props) {
    super(props)
    this.state = {
      btnLabel: props.btnLabel,
    }
    this._timeout = null
  }

  componentWillReceiveProps(nextProps) {
    clearTimeout(this._timeout)
    this._timeout = null
    this.setState({btnLabel: nextProps.btnLabel})
  }

  componentWillUnmount() {
    clearTimeout(this._timeout)
  }

  _onCopy = () => {
    if (this._timeout) { return }
    const {copyValue, btnLabel} = this.props
    clipboard.writeText(copyValue)
    this.setState({btnLabel: 'Copied!'})
    this._timeout = setTimeout(() => {
      this._timeout = null
      this.setState({btnLabel: btnLabel})
    }, 2000)
  }

  render() {
    const {btnLabel} = this.state
    const otherProps = Utils.fastOmit(this.props, Object.keys(CopyButton.propTypes));
    return (
      <button onClick={this._onCopy} {...otherProps}>
        {btnLabel}
      </button>
    )
  }
}
export default CopyButton