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 (

Loading

); } + let posts = this.props.posts.map((post) => { + return ( +
+
{post.published}
+
{post.filename}
+
+ ) + }) + return (

Blog

-
{this.props.data.posts[0].published}
-
{this.props.data.posts[0].filename}
+ {posts}
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 ( - + ) } }