fix: pagination ellipsis (#99)

opensquare-network · May 14, 2024 · 863f611 · 863f611
1 parent 8d56589
commit 863f611
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/lib/styled/Pagination.js b/lib/styled/Pagination.js
@@ -116,11 +116,7 @@ export default function Pagination({
       {itemRender(targetPage, "page", <span>{targetPage}</span>)}
     </Item>
   );
-  const makeEllipsisItem = (targetPage, keyName) => {
-    return (
-      Math.abs(page - targetPage) > 1 && <Ellipsis key={keyName}>...</Ellipsis>
-    );
-  };
+
   const items = useMemo(() => {
     // always display items
     const firstPageItem = makePageItem(1);
@@ -133,8 +129,12 @@ export default function Pagination({
 
     const currentPageItem = page > 1 && page < totalPages && makePageItem(page);
 
-    const prevEllipsisItem = makeEllipsisItem(1, "prev-ellipsis");
-    const nextEllipsisItem = makeEllipsisItem(totalPages, "next-ellipsis");
+    const prevEllipsisItem = prev - 1 > 1 && (
+      <Ellipsis key="prev-ellipsis">...</Ellipsis>
+    );
+    const nextEllipsisItem = totalPages - next > 1 && (
+      <Ellipsis key="next-ellipsis">...</Ellipsis>
+    );
 
     return [
       firstPageItem,