From ec59ee2b1c4e548c29434d601506ee543151e638 Mon Sep 17 00:00:00 2001
From: Zhihe Li <zhihe.li@hashicorp.com>
Date: Wed, 17 Jul 2024 16:17:17 -0400
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Fix=20breaking=20change?=
 =?UTF-8?q?=20for=20changing=20page=20size=20(#2398)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 addons/rose/addon/components/rose/pagination/index.hbs | 1 +
 addons/rose/addon/components/rose/pagination/index.js  | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/addons/rose/addon/components/rose/pagination/index.hbs b/addons/rose/addon/components/rose/pagination/index.hbs
index 80f4144dc..c7efbb142 100644
--- a/addons/rose/addon/components/rose/pagination/index.hbs
+++ b/addons/rose/addon/components/rose/pagination/index.hbs
@@ -10,4 +10,5 @@
   @route={{this.router.currentRouteName}}
   @model={{@model}}
   @queryFunction={{this.paginationQueryParams}}
+  @onPageSizeChange={{this.handlePageSizeChange}}
 />
\ No newline at end of file
diff --git a/addons/rose/addon/components/rose/pagination/index.js b/addons/rose/addon/components/rose/pagination/index.js
index 7a469458c..96aa1cd71 100644
--- a/addons/rose/addon/components/rose/pagination/index.js
+++ b/addons/rose/addon/components/rose/pagination/index.js
@@ -5,6 +5,7 @@
 
 import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
 
 export default class RosePaginationComponent extends Component {
   @service router;
@@ -21,4 +22,12 @@ export default class RosePaginationComponent extends Component {
       };
     };
   }
+
+  @action
+  async handlePageSizeChange(pageSize) {
+    // Reset to the first page when changing the page size
+    const queryParams = { page: 1, pageSize };
+
+    await this.router.transitionTo({ queryParams });
+  }
 }