utilizing es6 syntax

Author: mcdreamer60

src/components/Categories.js

@@ -6,7 +6,7 @@ import Category from "./Category";
 
 class Categories extends Component {
   componentDidMount() {
-    this.props.dispatchGetCategories();
+    this.props.getCategories();
   }
 
   render() {
@@ -37,19 +37,13 @@ class Categories extends Component {
     );
   }
 }
-const mapDispatchToProps = dispatch => {
-  return {
-    dispatchGetCategories: () => {
-      dispatch(getCategories());
-    }
-  };
-};
+
 function mapStateToProps({ categories }) {
   return {
     categories
   };
 }
 export default connect(
   mapStateToProps,
-  mapDispatchToProps
+  { getCategories }
 )(Categories);

src/components/Comment.js

@@ -3,7 +3,6 @@ import { connect } from "react-redux";
 import Modal from "react-modal";
 import * as FontAwesome from "react-icons/lib/fa";
 import { castVote, deleteComment } from "./../actions/comments";
-import { getPostById } from "./../actions/post";
 import CreateComment from "./CreateComment";
 import Vote from "./Vote";
 
@@ -20,10 +19,10 @@ class Comment extends Component {
 
   deleteComment = () => {
     let id = this.props.comment.id;
-    this.props.dispatchDeleteComment(id);
+    this.props.deleteComment(id);
   };
   castVote = payload => {
-    this.props.dispatchCastVote(payload);
+    this.props.castVote(payload);
   };
 
   render() {
@@ -62,22 +61,7 @@ class Comment extends Component {
     );
   }
 }
-
-const mapDispatchToProps = dispatch => {
-  return {
-    dispatchDeleteComment: id => {
-      dispatch(deleteComment(id));
-    },
-    dispatchCastVote: payload => {
-      dispatch(castVote(payload));
-    },
-    dispatchGetPost: comment => {
-      dispatch(getPostById(comment));
-    }
-  };
-};
-
 export default connect(
   null,
-  mapDispatchToProps
+  { castVote, deleteComment }
 )(Comment);

src/components/CreateComment.js

@@ -33,12 +33,12 @@ class CreateComment extends Component {
         deleted: false,
         parentDeleted: false
       };
-      this.props.dispatchCreateComment(comment);
+      this.props.createComment(comment);
     } else {
       let comment = { ...values, id: this.props.commentId };
-      this.props.dispatchEditComment(comment);
+      this.props.editComment(comment);
     }
-    this.props.dispatchGetPost(this.props.parentId);
+    this.props.getPostById(this.props.parentId);
     this.props.close();
   };
   handleChange = event => {
@@ -88,21 +88,7 @@ class CreateComment extends Component {
   }
 }
 
-const mapDispatchToProps = dispatch => {
-  return {
-    dispatchCreateComment: comment => {
-      dispatch(createComment(comment));
-    },
-    dispatchEditComment: comment => {
-      dispatch(editComment(comment));
-    },
-    dispatchGetPost: id => {
-      dispatch(getPostById(id));
-    }
-  };
-};
-
 export default connect(
   null,
-  mapDispatchToProps
+  { createComment, editComment, getPostById }
 )(CreateComment);

src/components/CreatePost.js

@@ -30,14 +30,14 @@ class CreatePost extends Component {
 
     if (this.state.id) {
       let post = { ...values, id: this.state.id };
-      this.props.dispatchEditPost(post);
+      this.props.editPost(post);
     } else {
       let post = {
         ...values,
         id: uuid(),
         timestamp: Date.now()
       };
-      this.props.dispatchCreatePost(post);
+      this.props.createPost(post);
     }
     this.props.history.goBack();
   };
@@ -121,16 +121,6 @@ class CreatePost extends Component {
   }
 }
 
-const mapDispatchToProps = dispatch => {
-  return {
-    dispatchCreatePost: post => {
-      dispatch(createPost(post));
-    },
-    dispatchEditPost: post => {
-      dispatch(editPost(post));
-    }
-  };
-};
 function mapStateToProps({ posts, categories }) {
   return {
     posts,
@@ -139,5 +129,5 @@ function mapStateToProps({ posts, categories }) {
 }
 export default connect(
   mapStateToProps,
-  mapDispatchToProps
+  { createPost, editPost }
 )(CreatePost);

src/components/PostDetail.js

@@ -1,8 +1,8 @@
 import React, { Component } from "react";
 import { connect } from "react-redux";
-import * as postActions from "./../actions/post";
-import * as postsActions from "./../actions/posts";
-import * as commentsActions from "./../actions/comments";
+import { getPostById } from "./../actions/post";
+import { castVote, deletePost } from "./../actions/posts";
+import { getCommentsByPostId } from "./../actions/comments";
 import Comments from "./Comments";
 import PostManager from "./PostManager";
 import PostBody from "./PostBody";
@@ -65,5 +65,5 @@ function mapStateToProps({ posts, post, loading, comments }) {
 
 export default connect(
   mapStateToProps,
-  { postActions, postsActions, commentsActions }
+  { getPostById, castVote, deletePost, getCommentsByPostId }
 )(PostDetail);