style: hide pagination if there is only one page

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,19 +38,22 @@ 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) => {
+    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>;
@@ -63,12 +68,15 @@ const pages = Array.from({ length: page.lastPage }, (_, i) => i + 1);
                   </a>
                 );
             }
-      })
+          })}
-    }
+          <button>
-    <button
+            <a href={page.url.next} class="no-underline text-inherit">
-      ><a href={page.url.next} class="no-underline text-inherit">ileri git</a
+              ileri git
-      ></button
+            </a>
-    >
+          </button>
         </div>
+      </>
+    )
+  }
   <Footer />
 </Layout>

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>