added create post action creator

JoeChildress · Apr 20, 2017 · 525205f · 525205f
1 parent 55def6c
commit 525205f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/blog/src/actions/index.js b/blog/src/actions/index.js
@@ -1,6 +1,7 @@
 import axios from 'axios';
 
 export const FETCH_POSTS = 'fetch_posts';
+export const CREATE_POST = 'create_post';
 
 const ROOT_URL = 'http://reduxblog.herokuapp.com/api';
 const API_KEY = '?key=PAPERCLIP1234';
@@ -13,3 +14,12 @@ export function fetchPosts() {
     payload: request
   };
 }
+
+export function createPost(values) {
+  const request = axios.post(`${ROOT_URL}/posts${API_KEY}`, values);
+
+  return {
+    type: CREATE_POST,
+    payload: request
+  };
+}
diff --git a/blog/src/components/posts_new.js b/blog/src/components/posts_new.js
@@ -1,6 +1,8 @@
 import React, { Component } from 'react';
 import { Field, reduxForm } from 'redux-form';
 import { Link } from 'react-router-dom';
+import { connect } from 'react-redux';
+import { createPost } from '../actions';
 
 class PostsNew extends Component {
   renderField(field) {
@@ -23,8 +25,7 @@ class PostsNew extends Component {
   }
 
   onSubmit(values) {
-    // this === component
-    console.log(values);
+    this.props.createPost(values);
   }
 
   render() {
@@ -77,4 +78,6 @@ function validate(values) {
 export default reduxForm({
   validate,
   form: 'PostsNewForm'
-})(PostsNew);
+})(
+  connect(null,{ createPost })(PostsNew)
+);