deconstrucing dispatch to props

Author: mcdreamer60

src/components/Post.js

@@ -1,16 +1,16 @@
 import React from "react";
 import { connect } from "react-redux";
 import { Link } from "react-router-dom";
-import { deletePost, castVote } from "./../actions/posts";
+import * as postsActions from "./../actions/posts";
 import PostManager from "./PostManager";
 
 const Post = props => {
   const deletePost = () => {
     let id = props.post.id;
-    props.dispatchDeletePost(id);
+    props.deletePost(id);
   };
   const votePost = payload => {
-    props.dispatchCastVote(payload);
+    props.castVote(payload);
   };
 
   return (
@@ -38,12 +38,7 @@ const Post = props => {
     </li>
   );
 };
-const mapDispatchToProps = dispatch => {
-  return {
-    dispatchDeletePost: id => dispatch(deletePost(id)),
-    dispatchCastVote: payload => dispatch(castVote(payload))
-  };
-};
+
 function mapStateToProps({ posts, loading }) {
   return {
     posts,
@@ -53,5 +48,5 @@ function mapStateToProps({ posts, loading }) {
 
 export default connect(
   mapStateToProps,
-  mapDispatchToProps
+  postsActions
 )(Post);

src/components/PostDetail.js

@@ -1,8 +1,8 @@
 import React, { Component } from "react";
 import { connect } from "react-redux";
-import { getPostById } from "./../actions/post";
-import { castVote, deletePost } from "./../actions/posts";
-import { getCommentsByPostId } from "./../actions/comments";
+import * as postActions from "./../actions/post";
+import * as postsActions from "./../actions/posts";
+import * as commentsActions from "./../actions/comments";
 import Comments from "./Comments";
 import PostManager from "./PostManager";
 import PostBody from "./PostBody";
@@ -11,19 +11,19 @@ import GenericNotFound from "./GenericNotFound";
 class PostDetail extends Component {
   componentDidMount() {
     let id = this.props.match.params.id;
-    this.props.dispatchGetPostById(id);
-    this.props.dispatchGetCommentsByPostId(id);
+    this.props.getPostById(id);
+    this.props.getCommentsByPostId(id);
   }
 
   deletePost = () => {
     let id = this.props.match.params.id;
-    this.props.dispatchDeletePost(id);
+    this.props.deletePost(id);
     this.props.history.push("/");
   };
   votePost = payload => {
     let id = this.props.match.params.id;
-    this.props.dispatchCastVote(payload);
-    this.props.dispatchGetPostById(id);
+    this.props.castVote(payload);
+    this.props.getPostById(id);
   };
 
   render() {
@@ -63,17 +63,7 @@ function mapStateToProps({ posts, post, loading, comments }) {
   };
 }
 
-const mapDispatchToProps = dispatch => {
-  return {
-    dispatchGetPostById: id => {
-      dispatch(getPostById(id));
-    },
-    dispatchGetCommentsByPostId: id => dispatch(getCommentsByPostId(id)),
-    dispatchDeletePost: id => dispatch(deletePost(id)),
-    dispatchCastVote: payload => dispatch(castVote(payload))
-  };
-};
 export default connect(
   mapStateToProps,
-  mapDispatchToProps
+  { postActions, postsActions, commentsActions }
 )(PostDetail);