Merge pull request #11 from ricokahler/feat/new-example

Update example for CI
ricokahler · Dec 17, 2020 · 1a2a524 · 1a2a524
2 parents fa0ce9c + 94095b0
commit 1a2a524
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/examples/next-data-hooks-example/pages/blogs/[slug].ts b/examples/next-data-hooks-example/pages/blogs/[slug].ts
@@ -1,6 +1,6 @@
 import { getDataHooksProps } from 'next-data-hooks';
 import { GetStaticProps } from 'next';
-import BlogPost, { useBlogPost } from 'routes/blogs/blog-post';
+import BlogPost from 'routes/blogs/blog-post';
 import getBlogPosts from 'helpers/get-blog-posts';
 
 export const getStaticPaths = async () => {
@@ -14,7 +14,7 @@ export const getStaticPaths = async () => {
 export const getStaticProps: GetStaticProps = async (context) => {
  const dataHooksProps = await getDataHooksProps({
  context,
- hooks: [useBlogPost],
+ dataHooks: BlogPost.dataHooks,
  });
 
  return {

diff --git a/examples/next-data-hooks-example/pages/blogs/index.ts b/examples/next-data-hooks-example/pages/blogs/index.ts
@@ -1,11 +1,11 @@
 import { GetStaticProps } from 'next';
 import { getDataHooksProps } from 'next-data-hooks';
-import BlogPostIndex, { useBlogPostIndex } from 'routes/blogs/index';
+import BlogPostIndex from 'routes/blogs/index';
 
 export const getStaticProps: GetStaticProps = async (context) => {
  const dataHooksProps = await getDataHooksProps({
  context,
- hooks: [useBlogPostIndex],
+ dataHooks: BlogPostIndex.dataHooks,
  });
 
  return {

diff --git a/examples/next-data-hooks-example/routes/blogs/blog-post.tsx b/examples/next-data-hooks-example/routes/blogs/blog-post.tsx
@@ -2,7 +2,7 @@ import Link from 'next/link';
 import { createDataHook } from 'next-data-hooks';
 import getBlogPosts from 'helpers/get-blog-posts';
 
-export const useBlogPost = createDataHook('BlogPost', async (context) => {
+const useBlogPost = createDataHook('BlogPost', async (context) => {
  const slug = context.params?.slug as string;
  const blogPosts = await getBlogPosts();
  const blogPost = blogPosts.find((blogPost) => blogPost.slug === slug)!;
@@ -24,4 +24,6 @@ function BlogPost() {
  );
 }
 
+BlogPost.dataHooks = [useBlogPost];
+
 export default BlogPost;
diff --git a/examples/next-data-hooks-example/routes/blogs/index.tsx b/examples/next-data-hooks-example/routes/blogs/index.tsx
@@ -2,12 +2,12 @@ import Link from 'next/link';
 import { createDataHook } from 'next-data-hooks';
 import getBlogPosts from 'helpers/get-blog-posts';
 
-export const useBlogPostIndex = createDataHook('BlogPostIndex', async () => {
+const useBlogPostIndex = createDataHook('BlogPostIndex', async () => {
  const blogPosts = await getBlogPosts();
  return blogPosts.map(({ title, slug }) => ({ title, slug }));
 });
 
-function BlogPost() {
+function BlogPostIndex() {
  const blogPostIndex = useBlogPostIndex();
 
  return (
@@ -30,4 +30,6 @@ function BlogPost() {
  );
 }
 
-export default BlogPost;
+BlogPostIndex.dataHooks = [useBlogPostIndex];
+
+export default BlogPostIndex;