258f8c0e4e
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> Co-authored-by: Joe Haddad <joe.haddad@zeit.co>
26 lines
602 B
JavaScript
26 lines
602 B
JavaScript
import { createFragmentContainer, graphql } from 'react-relay'
|
|
import BlogPostPreview from './BlogPostPreview'
|
|
|
|
const BlogPosts = ({ viewer }) => (
|
|
<div>
|
|
<h1>Blog posts</h1>
|
|
{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
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`,
|
|
})
|