From 56878f647ea0f1066fa3e222d7aa0d83057f496d Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 13 Nov 2023 17:45:59 +0100
Subject: refactor(components): rewrite PostsList component

* remove NoResults component and move logic to Search page
* add a usePostsList hook
* remove Pagination from PostsList (it is only used if javascript is
disabled and not on every posts list)
* replace `byYear` prop with `sortByYear`
* replace `loadMore` prop with `onLoadMore`
* remove `showLoadMoreBtn` (we can use `loadMore` prop instead to
determine if we need to display the button)
* replace `titleLevel` prop with `headingLvl`
* add `firstNewResult` prop to handle focus on the new results when
loading more article (we should not focus a useless span but the item
directly)
---
 src/components/organisms/nav/pagination/pagination.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'src/components/organisms/nav/pagination/pagination.tsx')

diff --git a/src/components/organisms/nav/pagination/pagination.tsx b/src/components/organisms/nav/pagination/pagination.tsx
index 8e95122..006663b 100644
--- a/src/components/organisms/nav/pagination/pagination.tsx
+++ b/src/components/organisms/nav/pagination/pagination.tsx
@@ -31,6 +31,12 @@ export type PaginationProps = Omit<NavProps, 'children'> & {
    * The currently active page number.
    */
   current: number;
+  /**
+   * Should the pagination be centered?
+   *
+   * @default false
+   */
+  isCentered?: boolean;
   /**
    * Function used to provide an accessible label to pagination items.
    */
@@ -83,6 +89,7 @@ const PaginationWithRef: ForwardRefRenderFunction<
   {
     className = '',
     current,
+    isCentered = false,
     renderItemAriaLabel,
     renderLink,
     siblings = 1,
@@ -91,7 +98,11 @@ const PaginationWithRef: ForwardRefRenderFunction<
   },
   ref
 ) => {
-  const paginationClass = `${styles.wrapper} ${className}`;
+  const paginationClass = [
+    styles.wrapper,
+    styles[isCentered ? 'wrapper--centered' : ''],
+    className,
+  ].join(' ');
   const displayRange =
     current === 1 || current === total ? siblings + 1 : siblings;
   const hasPreviousPage = current > 1;
-- 
cgit v1.2.3

