All files / javascripts/dashboard/components CodeModal.jsx

0% Statements 0/15
0% Branches 0/4
0% Functions 0/3
0% Lines 0/15
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48                                                                                               
import React from 'react';
import PropTypes from 'prop-types';
 
import ModalTrigger from '../../components/ModalTrigger';
 
const propTypes = {
  triggerNode: PropTypes.node.isRequired,
  code: PropTypes.string,
  codeCallback: PropTypes.func,
};
 
const defaultProps = {
  codeCallback: () => {},
};
 
export default class CodeModal extends React.PureComponent {
  constructor(props) {
    super(props);
    this.state = { code: props.code };
  }
  beforeOpen() {
    let code = this.props.code;
    if (this.props.codeCallback) {
      code = this.props.codeCallback();
    }
    this.setState({ code });
  }
  render() {
    return (
      <ModalTrigger
        triggerNode={this.props.triggerNode}
        isButton
        beforeOpen={this.beforeOpen.bind(this)}
        modalTitle="Active Dashboard Filters"
        modalBody={
          <div className="CodeModal">
            <pre>
              {this.state.code}
            </pre>
          </div>
        }
      />
    );
  }
}
CodeModal.propTypes = propTypes;
CodeModal.defaultProps = defaultProps;