diff --git a/src/components/Blog.js b/src/components/Blog.js
index 3a66e84..63476bb 100644
--- a/src/components/Blog.js
+++ b/src/components/Blog.js
@@ -3,19 +3,27 @@ import React, {Component} from 'react';
 export default class Blog extends Component {
 
   render() {
-    if (this.props.data.isLoading) {
+    if (this.props.isLoading) {
       return (
         <h1>Loading</h1>
       );
     }
 
+    let posts = this.props.posts.map((post) => {
+      return (
+        <div>
+          <div>{post.published}</div>
+          <div>{post.filename}</div>
+        </div>
+      )
+    })
+
     return (
       <div>
         <div className="content">
           <h1>Blog</h1>
 
-          <div>{this.props.data.posts[0].published}</div>
-          <div>{this.props.data.posts[0].filename}</div>
+          {posts}
 
         </div>
       </div>
diff --git a/src/containers/BlogContainer.js b/src/containers/BlogContainer.js
index 8b9a8c0..5d8e81f 100644
--- a/src/containers/BlogContainer.js
+++ b/src/containers/BlogContainer.js
@@ -23,7 +23,8 @@ export default class BlogContainer extends Component {
 
   render() {
     return (
-      <Blog data={this.state}/>
+      <Blog isLoading={this.state.isLoading}
+            posts={this.state.posts}/>
     )
   }
 }