mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
Fix Apollo Example (#900)
* Add minimal apollo example * Update apollo example README * Update apollo example demo link in README * Fix button styles * Fix show more button * Alias demo url * Include the data field on the Apollo store when hydrating * Revert * Include the data field on the Apollo store when hydrating per tpreusse's suggestion. * Add example to faq section in README * Sort by newest; Add active state to buttons * Make optimization suggestions * Use process.browser; inline props * Pass wrapped component's initial props into component heirarchy if they exist * Remove unnecessary sorting of array
This commit is contained in:
parent
8922e7b63a
commit
8310f812ec
|
@ -14,9 +14,7 @@ function PostList ({ data: { allPosts, loading, _allPostsMeta }, loadMorePosts }
|
|||
return (
|
||||
<section>
|
||||
<ul>
|
||||
{allPosts
|
||||
.sort((x, y) => new Date(y.createdAt) - new Date(x.createdAt))
|
||||
.map((post, index) =>
|
||||
{allPosts.map((post, index) =>
|
||||
<li key={post.id}>
|
||||
<div>
|
||||
<span>{index + 1}. </span>
|
||||
|
|
|
@ -70,7 +70,7 @@ export default graphql(createPost, {
|
|||
const newPost = mutationResult.data.createPost
|
||||
return Object.assign({}, previousResult, {
|
||||
// Append the new post
|
||||
allPosts: [...previousResult.allPosts, newPost]
|
||||
allPosts: [newPost, ...previousResult.allPosts]
|
||||
})
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue