Contents

import React, { Component } from 'react';
import { reduxForm } from 'redux-form';
import store from '../store/Store';

export default class MessageForm extends Component {
  static propTypes = {
    handleSubmit: React.PropTypes.func.isRequired,
    fields: React.PropTypes.shape({
      body: React.PropTypes.object.isRequired,
      senderClass: React.PropTypes.object.isRequired,
    }),
  };

  render() {
    const { fields: { body, senderClass }, handleSubmit } = this.props;
    return (
      <div className='denshobato-send-message'>
        <form onSubmit={handleSubmit}>
          <input className="message_input" placeholder="Type your message here..." {...body}/>
          <button onclick={handleSubmit} className="text">Send</button>
        </form>
      </div>
    );
  }
}

MessageForm = reduxForm({
  form: 'message-form',
  fields: ['body', 'senderClass'],
})(MessageForm);

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
denshobato_chat_panel-0.0.2	lib/react/components/MessageForm.jsx