shows a blog post

codeangler · Jan 25, 2016 · 678e572 · 678e572
1 parent d6d298a
commit 678e572
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/blog/src/components/posts_show.js b/blog/src/components/posts_show.js
@@ -8,8 +8,24 @@ class PostsShow extends Component {
   }
 
   render() {
-    return <div>Show post {this.props.params.id}</div>;
+    const { post } = this.props;
+
+    if (!post) {
+      return <div>Loading...</div>;
+    }
+
+    return (
+      <div>
+        <h3>{post.title}</h3>
+        <h6>Categories: {post.categories}</h6>
+        <p>{post.content}</p>
+      </div>
+    );
   }
 }
 
-export default connect(null, { fetchPost })(PostsShow);
+function mapStateToProps(state) {
+  return { post: state.posts.post };
+}
+
+export default connect(mapStateToProps, { fetchPost })(PostsShow);