import React, { Component } from 'react';
import { reduxForm } from 'redux-form';

class PostsNew extends Component {
  render() {
    return(
      <div>Create Form</div>
    );
  }
}

export default reduxForm({
  form: 'PostNew',
  fields:['title', 'category', 'content']
})(PostsNew);

import React, { Component } from 'react';
import { reduxForm } from 'redux-form';

class PostsNew extends Component {
  render() {
    return(
      <form>
        <h3>Create a New Post</h3>
        <div className="form-group">
          <label>Title</label>
          <input type="text" className="form-control" />
        </div>

        <div className="form-group">
          <label>Categories</label>
          <input type="text" className="form-control" />
        </div>

        <div className="form-group">
          <label>Content</label>
          <textarea className="form-control" />
        </div>

        <button type="submit" className="btn btn-primary">Submit</button>
      </form>
    );
  }
}

export default reduxForm({
  form: 'PostNew',
  fields:['title', 'category', 'content']
})(PostsNew);

/// Whenever a user types something in.... record it on app state.

Set up the form content in post_new comp.
Feat: Set up the form content in post_new comp.
