Update list pagination routing behaviour (#50)

hashicorp · Aug 25, 2023 · 63f6893 · 63f6893 · vercel · Aug 25, 2023
1 parent 2c5af5f
commit 63f6893
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/nasty-shoes-repair.md b/.changeset/nasty-shoes-repair.md
@@ -0,0 +1,6 @@
+---
+'@hashicorp/consul-ui-toolkit': major
+---
+
+Update pagination pagesize handler to always specify the current route when transitioning
+Update pagination routing to set separate query params for next or prev page
diff --git a/toolkit/src/components/cut/list/pagination.ts b/toolkit/src/components/cut/list/pagination.ts
@@ -52,7 +52,8 @@ export default class PaginationComponent extends Component<PaginationSignature>
 
       return (page) =>
         Object.assign({}, queryParams, {
-          page: page === 'prev' ? this.args.prevCursor : this.args.nextCursor,
+          previousPage: page === 'prev' ? this.args.prevCursor : undefined,
+          nextPage: page === 'next' ? this.args.nextCursor : undefined,
         });
     }
   }
@@ -67,7 +68,7 @@ export default class PaginationComponent extends Component<PaginationSignature>
         pageSize: size,
       });
 
-      this.router.transitionTo({
+      this.router.transitionTo(this.router.currentRouteName, {
         queryParams: newParams,
       });
     }