From 4048fbbc6607a8eecfb0bee6d9277ddc59ba9aeb Mon Sep 17 00:00:00 2001
From: LordMathis <namesny.matus@gmail.com>
Date: Wed, 1 Nov 2017 18:42:46 +0100
Subject: [PATCH] Update Blog props

---
 src/components/Blog.js          | 14 +++++++++++---
 src/containers/BlogContainer.js |  3 ++-
 2 files changed, 13 insertions(+), 4 deletions(-)

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}/>
     )
   }
 }