import React from 'react' import { createFragmentContainer, graphql } from 'react-relay' import BlogPostPreview from './BlogPostPreview' const BlogPosts = props => { return (

Blog posts

{props.viewer.allBlogPosts.edges.map(({ node }) => )}
) } export default createFragmentContainer(BlogPosts, { viewer: graphql` fragment BlogPosts_viewer on Viewer { allBlogPosts(first: 10, orderBy: createdAt_DESC) { edges { node { ...BlogPostPreview_post } } } } ` })