Merge pull request #58 from palladians/fix/pagination-rerender

fix(pagination): fix page number rerendering
palladians · Oct 18, 2023 · 03efbd2 · 03efbd2
2 parents 9bec40b + d88db2d
commit 03efbd2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/src/components/accounts/accounts-table.tsx b/src/components/accounts/accounts-table.tsx
@@ -275,9 +275,9 @@ export const AccountsTable = ({
                         {header.isPlaceholder
                           ? null
                           : flexRender(
-                              header.column.columnDef.header,
-                              header.getContext()
-                            )}
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )}
                       </TableHead>
                     )
                   })}
@@ -322,6 +322,7 @@ export const AccountsTable = ({
           </Table>
         </div>
         <Pagination
+          key={currentPage}
           currentPage={currentPage}
           pagesCount={pagesCount}
           resource="accounts"

diff --git a/src/components/staking/staking-table.tsx b/src/components/staking/staking-table.tsx
@@ -254,9 +254,9 @@ export const StakingTable = ({
                         {header.isPlaceholder
                           ? null
                           : flexRender(
-                              header.column.columnDef.header,
-                              header.getContext()
-                            )}
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )}
                       </TableHead>
                     )
                   })}
@@ -301,6 +301,7 @@ export const StakingTable = ({
           </Table>
         </div>
         <Pagination
+          key={currentPage}
           currentPage={currentPage}
           pagesCount={pagesCount}
           resource="staking"

diff --git a/src/components/transactions/transactions-table.tsx b/src/components/transactions/transactions-table.tsx
@@ -293,9 +293,9 @@ export const TransactionsTable = ({
                         {header.isPlaceholder
                           ? null
                           : flexRender(
-                              header.column.columnDef.header,
-                              header.getContext()
-                            )}
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )}
                       </TableHead>
                     )
                   })}
@@ -340,6 +340,7 @@ export const TransactionsTable = ({
           </Table>
         </div>
         <Pagination
+          key={currentPage}
           currentPage={currentPage}
           pagesCount={pagesCount}
           resource="transactions"