#24 Added proper logic for showing all posts or filtered by category.

krckyboy · Feb 18, 2024 · baac646 · baac646
1 parent 5f9a692
commit baac646
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/next/src/app/blog/page.tsx b/next/src/app/blog/page.tsx
@@ -13,7 +13,7 @@ interface Props {
 }
 
 const Page: NextPage<Props> = async ({ searchParams: { category } }) => {
-  const posts = await db.getPosts();
+  const posts = category ? await db.getPostsByCategory(category) : await db.getPosts();
   const categories = await db.getCategories();
 
   return (

diff --git a/next/src/scripts/fetch.ts b/next/src/scripts/fetch.ts
@@ -36,6 +36,25 @@ export const db = {
     const queryString = qs.stringify(queryParams);
     return await fetchWrapper<PostsFetchResponse>(`/posts?${queryString}`);
   },
+  getPostsByCategory: async (category: string) => {
+    const queryParams = {
+      sort: ['publishedAt:desc'],
+      filters: {
+        categories: {
+          name: {
+            $eq: category
+          }
+        }
+      },
+      pagination: {
+        pageSize: 10,
+        page: 1
+      }
+    };
+
+    const queryString = qs.stringify(queryParams);
+    return await fetchWrapper<PostsFetchResponse>(`/posts?${queryString}`);
+  },
   getPostBySlug: async (slug: string) => {
     const queryParams = {
       filters: {