fix(pagination): add & back button

NJUPT-SAST · Nov 12, 2024 · 7db19ef · 7db19ef · vercel · Nov 12, 2024
1 parent 2dde7fe
commit 7db19ef
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 16 deletions.
diff --git a/packages/ui-react/lib/Pagination/Pagination.stories.tsx b/packages/ui-react/lib/Pagination/Pagination.stories.tsx
@@ -39,5 +39,6 @@ export const DefaultPagination: Story = {
 export const ExamplePagination: Story = {
   args: {
     ...defaultProps,
+    total: 431,
   },
 };
diff --git a/packages/ui-react/lib/Pagination/PaginationItem.tsx b/packages/ui-react/lib/Pagination/PaginationItem.tsx
@@ -30,22 +30,25 @@ export const PaginationItemImpl = ({
 
   const paginationStoreContext = useContext(PaginationStoreContext);
 
-  const handleClick = useCallback((type: 'select' | 'add' | 'delete' | 'none', index?: number) => {
-    const activePage = paginationStoreContext?.activePage ?? 0;
+  const handleClick = useCallback(
+    (type: 'select' | 'add' | 'delete' | 'none', index?: number) => {
+      const activePage = paginationStoreContext?.activePage ?? 0;
 
-    if (type === 'select' && index !== undefined) {
-      !activePage && changeCurrentPage(index + 1);
-      paginationStoreContext && paginationStoreContext.onChange?.(index + 1);
-    } else if (type === 'add') {
-      !activePage && increaseCurrentPage();
-      paginationStoreContext &&
-        paginationStoreContext.onChange?.(activePage ? activePage + 1 : currentPage + 1);
-    } else if (type === 'delete') {
-      !activePage && decreaseCurrentPage();
-      paginationStoreContext &&
-        paginationStoreContext.onChange?.(activePage ? activePage + 1 : currentPage - 1);
-    }
-  }, []);
+      if (type === 'select' && index !== undefined) {
+        !activePage && changeCurrentPage(index + 1);
+        paginationStoreContext && paginationStoreContext.onChange?.(index + 1);
+      } else if (type === 'add') {
+        !activePage && increaseCurrentPage();
+        paginationStoreContext &&
+          paginationStoreContext.onChange?.(activePage ? activePage + 1 : currentPage + 1);
+      } else if (type === 'delete') {
+        !activePage && decreaseCurrentPage();
+        paginationStoreContext &&
+          paginationStoreContext.onChange?.(activePage ? activePage + 1 : currentPage - 1);
+      }
+    },
+    [currentPage],
+  );
 
   return (
     <Button

diff --git a/packages/ui-react/package.json b/packages/ui-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ui-aurora/react",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "A React UI library built for SASTOJ",
   "author": "sast",
   "license": "MIT",