rasa-nlu-trainer/src/components/AddExampleModal.js

This is a tool to edit your training examples for [rasa NLU](https://github.com/golastmile/rasa_nlu)

// @flow

import React, { Component } from 'react';
import { Modal } from 'antd'
import { connect } from 'react-redux'
import EntityTable from './EntityTable'
import TextEditor from './TextEditor'
import IntentEditor from './IntentEditor'
import * as actions from '../state/actions'

const mapState = (state) => ({
  example: state.examples.find(({id}) => id === state.idExampleInModal)
})

const mapActions = dispatch => ({
  close: () => {
    dispatch(actions.closeAddModal())
  },
  saveAndClose: () => {
    dispatch(actions.saveAndCloseAddModal())
  },
})

class ExampleTable extends Component {
  render() {
    const {
      example,
      intents,
      close,
      saveAndClose,
      entityNames,
    } = this.props

    return (
      <Modal
        title='Add example'
        visible={Boolean(example)}
        onOk={() => saveAndClose()}
        onCancel={() => close()}
        okText='add'
      >
        {example
          ? (
            <div>
              <TextEditor
                example={example}
                entityNames={entityNames}
                style={{marginBottom: 5}}
              />
              <IntentEditor
                example={example}
                intents={intents}
                style={{marginBottom: 5}}
              />
              <EntityTable
                example={example}
                entityNames={entityNames}
              />
            </div>
          )
          : null
        }
      </Modal>
    )
  }
}

export default connect(mapState, mapActions)(ExampleTable)