@ustack/uskin/js/components/modal/confirm.jsx

A graceful framework which provides developers another chance to build an amazing site.

import React from 'react';
import Modal from './modal';
import Button from '../button/index';

class ModalBase extends React.Component {

  constructor(props) {
    super(props);

    this.state = {
      disabled: false
    };

    ['onConfirm'].forEach((func) => {
      this[func] = this[func].bind(this);
    });
  }

  onConfirm() {
    this.setState({
      visible: false
    });

    this.props.onConfirm && this.props.onConfirm();
  }

  render() {
    const props = this.props;
    const state = this.state;

    return (
      <Modal {...props} visible={state.visible}>
        <div className="modal-bd">
          {props.content}
        </div>
        <div className="modal-ft">
          <Button value={props.okText}
            disabled={state.disabled}
            btnKey="create"
            type={props.btnType}
            onClick={this.onConfirm} />
        </div>
      </Modal>
    );
  }
}

module.exports = ModalBase;