Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<Query query={DRAFTS_QUERY}>
{({ data, loading, error }) => {
if (loading) {
return (
<div className="flex w-100 h-100 items-center justify-center pt7">
<div>Loading ...</div>
</div>
)
}
if (error) {
return (
<div className="flex w-100 h-100 items-center justify-center pt7">
<div>An unexpected error occured.</div>
</div>
)
}
return (
<Fragment>
<div className="flex justify-between items-center">
<h1>Drafts</h1>
</div>
{data.drafts &&
data.drafts.map(draft => (
<Post
key={draft.id}
post={draft}
isDraft={!draft.isPublished}
/>
))}
{this.props.children}
</Fragment>
)
}}
</Query>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.