From 2885cd1b867af6be95e80fbe1bd7e3071683944f Mon Sep 17 00:00:00 2001
From: log101 <ffrknerdm@gmail.com>
Date: Fri, 21 Jun 2024 17:01:58 +0300
Subject: [PATCH] style: hide pagination if there is only one page

---
 src/pages/category/[category]/[page].astro    | 66 +++++++++++--------
 .../[category]/posts/[slug]/index.astro       |  1 +
 2 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/src/pages/category/[category]/[page].astro b/src/pages/category/[category]/[page].astro
index 996a057..4758446 100644
--- a/src/pages/category/[category]/[page].astro
+++ b/src/pages/category/[category]/[page].astro
@@ -9,9 +9,11 @@ import Post from "@/components/Post.astro";
 
 export async function getStaticPaths({ paginate }: { paginate: any }) {
   const blogEntries = await getCollection("blog");
-  const filteredPosts = blogEntries.filter((post) => post.data.category);
 
   return CATEGORIES.flatMap((category) => {
+    const filteredPosts = blogEntries.filter(
+      (post) => post.data.category == category
+    );
     return paginate(filteredPosts, {
       params: { category },
       pageSize: 3,
@@ -36,39 +38,45 @@ const pages = Array.from({ length: page.lastPage }, (_, i) => i + 1);
           .map((p) => <Post post={p} componentType="long" />)
       ) : (
         <p>
-          Henüz bu kategoride bir yazı yazılmadı. Yazarımızın ilhama veya
+          Henüz bu kategoride bir yazı yayınlanmadı. Yazarımızın ilhama veya
           teşviğe ihtiyacı olabilir!
         </p>
       )
     }
   </div>
-  <div id="pagination-container" class="flex gap-2">
-    <button
-      ><a href={page.url.prev} class="no-underline text-inherit">geri git</a
-      ></button
-    >
-    {
-      pages.map((pageNumber) => {
-        switch (pageNumber) {
-          case page.currentPage:
-            return <a>{pageNumber}</a>;
+  {
+    page.lastPage != 1 && (
+      <>
+        <div id="pagination-container" class="flex gap-2">
+          <button>
+            <a href={page.url.prev} class="no-underline text-inherit">
+              geri git
+            </a>
+          </button>
+          {pages.map((pageNumber) => {
+            switch (pageNumber) {
+              case page.currentPage:
+                return <a>{pageNumber}</a>;
 
-          default:
-            return (
-              <a
-                href={`${page.url.current.slice(0, -1)}${pageNumber}`}
-                class="text-inherit"
-              >
-                {pageNumber}
-              </a>
-            );
-        }
-      })
-    }
-    <button
-      ><a href={page.url.next} class="no-underline text-inherit">ileri git</a
-      ></button
-    >
-  </div>
+              default:
+                return (
+                  <a
+                    href={`${page.url.current.slice(0, -1)}${pageNumber}`}
+                    class="text-inherit"
+                  >
+                    {pageNumber}
+                  </a>
+                );
+            }
+          })}
+          <button>
+            <a href={page.url.next} class="no-underline text-inherit">
+              ileri git
+            </a>
+          </button>
+        </div>
+      </>
+    )
+  }
   <Footer />
 </Layout>
diff --git a/src/pages/category/[category]/posts/[slug]/index.astro b/src/pages/category/[category]/posts/[slug]/index.astro
index 4b00064..d89742e 100644
--- a/src/pages/category/[category]/posts/[slug]/index.astro
+++ b/src/pages/category/[category]/posts/[slug]/index.astro
@@ -36,6 +36,7 @@ export async function getStaticPaths() {
         hx-trigger="load"
         hx-swap="innerHTML"
         id="comments-container"
+        class="flex flex-col gap-6"
       >
         <p id="no-comments-text">Henüz yorum yok!</p>
       </div>