fix: hide pagination when there's only 1 page

This commit is contained in:
satnaing
2022-12-02 23:37:32 +06:30
parent 1c2821e4df
commit 6b35c7fc2f
+7 -7
View File
@@ -36,6 +36,8 @@ const next = pageNum < totalPages ? "" : "disabled";
</ul>
</Main>
{
totalPages > 1 && (
<nav class="pagination-wrapper" aria-label="Pagination">
<LinkButton
disabled={prev === "disabled"}
@@ -44,9 +46,7 @@ const next = pageNum < totalPages ? "" : "disabled";
ariaLabel="Previous"
>
<svg xmlns="http://www.w3.org/2000/svg" class={`${prev}-svg`}>
<path
d="M12.707 17.293 8.414 13H18v-2H8.414l4.293-4.293-1.414-1.414L4.586 12l6.707 6.707z"
></path>
<path d="M12.707 17.293 8.414 13H18v-2H8.414l4.293-4.293-1.414-1.414L4.586 12l6.707 6.707z" />
</svg>
Prev
</LinkButton>
@@ -58,13 +58,13 @@ const next = pageNum < totalPages ? "" : "disabled";
>
Next
<svg xmlns="http://www.w3.org/2000/svg" class={`${next}-svg`}>
<path
d="m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z"
></path>
<path d="m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z" />
</svg>
</LinkButton>
</nav>
<Footer noMarginTop />
)
}
<Footer noMarginTop={totalPages > 1} />
</Layout>
<style>