2018-11-25 15:14:36 +01:00
|
|
|
import { createFragmentContainer, graphql } from 'react-relay'
|
|
|
|
import BlogPostPreview from './BlogPostPreview'
|
|
|
|
|
2020-06-09 03:31:22 +02:00
|
|
|
const BlogPosts = ({ viewer }) => (
|
|
|
|
<div>
|
|
|
|
<h1>Blog posts</h1>
|
|
|
|
{viewer.allBlogPosts?.edges.map(({ node }) => (
|
|
|
|
<BlogPostPreview key={node.id} post={node} />
|
|
|
|
))}
|
|
|
|
</div>
|
|
|
|
)
|
2018-11-25 15:14:36 +01:00
|
|
|
|
|
|
|
export default createFragmentContainer(BlogPosts, {
|
|
|
|
viewer: graphql`
|
2018-12-17 17:34:32 +01:00
|
|
|
fragment BlogPosts_viewer on Viewer {
|
|
|
|
allBlogPosts(first: 10, orderBy: createdAt_DESC) {
|
|
|
|
edges {
|
|
|
|
node {
|
|
|
|
...BlogPostPreview_post
|
|
|
|
id
|
|
|
|
}
|
2018-11-25 15:14:36 +01:00
|
|
|
}
|
2018-12-17 17:34:32 +01:00
|
|
|
}
|
|
|
|
}
|
2019-11-11 04:24:53 +01:00
|
|
|
`,
|
2018-11-25 15:14:36 +01:00
|
|
|
})
|