insomnia/app/components/CurlExportModal.js

import React from 'react'
import ReactDOM from 'react-dom'

import ModalComponent from './lib/ModalComponent'
import Modal from './base/Modal'
import ModalBody from './base/ModalBody'
import ModalHeader from './base/ModalHeader'
import ModalFooter from './base/ModalFooter'
import {MODAL_CURL_EXPORT} from '../lib/constants'
import {exportCurl} from '../lib/curl'

class CurlExportModal extends ModalComponent {
  constructor (props) {
    super(props);
    this.state = {cmd: ''};
  }
  
  show (request) {
    super.show();

    exportCurl(request._id).then(cmd => {
      this.setState({cmd});
    });
  }

  componentDidUpdate () {
    ReactDOM.findDOMNode(this.refs.textarea).select();
  }

  render () {
    const {cmd} = this.state;

    return (
      <Modal ref="modal" tall={true} {...this.props}>
        <ModalHeader>Export Request as Curl</ModalHeader>
        <ModalBody className="grid pad">
          <div className="form-control form-control--outlined no-marg tall">
            <textarea
              ref="textarea"
              className="no-resize monospace tall"
              onChange={e => {}}
              value={cmd}
            />
          </div>
        </ModalBody>
        <ModalFooter>
          <button className="btn pull-right" onClick={e => this.hide()}>Done</button>
        </ModalFooter>
      </Modal>
    );
  }
}

CurlExportModal.propTypes = {};

export default CurlExportModal;