From 67ac79f8ba2ea900ec0ac67e56387889ee887a48 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Tue, 19 Dec 2023 17:11:48 +0100
Subject: fix(layout): refine pagination when JS is disabled

* fix the total number of pages
* hide the load more button and the progress bar
* remove the informative notice since it is no longer necessary
* if the page number is equal to 1, use Blog route directly (NextJS is
not able to redirect the user when JS is disabled)
---
 src/components/organisms/posts-list/posts-list.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'src/components/organisms/posts-list/posts-list.tsx')

diff --git a/src/components/organisms/posts-list/posts-list.tsx b/src/components/organisms/posts-list/posts-list.tsx
index ad5bed5..91b2e0d 100644
--- a/src/components/organisms/posts-list/posts-list.tsx
+++ b/src/components/organisms/posts-list/posts-list.tsx
@@ -222,7 +222,8 @@ const PostsListWithRef: ForwardRefRenderFunction<
       {total ? (
         <ProgressBar
           aria-label={progressInfo}
-          className={styles.progress}
+          // eslint-disable-next-line react/jsx-no-literals
+          className={`${styles.progress} js-only`}
           current={posts.length}
           isCentered
           isLoading={isLoading}
@@ -232,7 +233,8 @@ const PostsListWithRef: ForwardRefRenderFunction<
       ) : null}
       {onLoadMore && (!total || (total && posts.length < total)) ? (
         <Button
-          className={styles.btn}
+          // eslint-disable-next-line react/jsx-no-literals
+          className={`${styles.btn} js-only`}
           isLoading={isLoading}
           // eslint-disable-next-line react/jsx-no-literals
           kind="tertiary"
-- 
cgit v1.2.3

