9c4eefcdbf
* Add prettier for examples directory * Fix files * Fix linting * Add prettier script in case it has to be ran again
29 lines
652 B
JavaScript
29 lines
652 B
JavaScript
import React from 'react'
|
|
import { createFragmentContainer, graphql } from 'react-relay'
|
|
import BlogPostPreview from './BlogPostPreview'
|
|
|
|
const BlogPosts = props => {
|
|
return (
|
|
<div>
|
|
<h1>Blog posts</h1>
|
|
{props.viewer.allBlogPosts.edges.map(({ node }) => (
|
|
<BlogPostPreview key={node.id} post={node} />
|
|
))}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default createFragmentContainer(BlogPosts, {
|
|
viewer: graphql`
|
|
fragment BlogPosts_viewer on Viewer {
|
|
allBlogPosts(first: 10, orderBy: createdAt_DESC) {
|
|
edges {
|
|
node {
|
|
...BlogPostPreview_post
|
|
id
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`
|
|
})
|