fix: force first page when filters change

Author: ulemons

frontend/src/modules/member/pages/member-list-page.vue

@@ -153,7 +153,7 @@ const membersQueryKey = computed(() => [
   queryParams.value.offset,
   queryParams.value.limit,
   queryParams.value.orderBy,
-  selectedProjectGroup.value?.id ? [selectedProjectGroup.value.id] : [],
+  queryParams.value.segments,
 ]);
 
 // Query for members list with caching
@@ -232,6 +232,7 @@ const fetch = ({
     offset: 0,
     limit: pagination.value.perPage,
     orderBy: orderBy || 'activityCount_DESC',
+    segments: selectedProjectGroup.value?.id ? [selectedProjectGroup.value.id] : [],
     ...body,
   };
 
@@ -252,6 +253,17 @@ const onPaginationChange = ({
   pagination.value.perPage = perPage;
 };
 
+// Watch for filter changes to ensure cache invalidation
+watch(
+  filters,
+  () => {
+    // Reset to first page when filters change
+    pagination.value.page = 1;
+    queryParams.value.offset = 0;
+  },
+  { deep: true },
+);
+
 watch(
   selectedProjectGroup,
   (newProjectGroup, oldProjectGroup) => {

frontend/src/modules/organization/pages/organization-list-page.vue

@@ -150,7 +150,7 @@ const organizationsQueryKey = computed(() => [
   queryParams.value.offset,
   queryParams.value.limit,
   queryParams.value.orderBy,
-  selectedProjectGroup.value?.id ? [selectedProjectGroup.value.id] : [],
+  queryParams.value.segments,
 ]);
 
 // Query for organizations list with caching
@@ -249,6 +249,17 @@ const onPaginationChange = ({
   pagination.value.perPage = perPage;
 };
 
+// Watch for filter changes to ensure cache invalidation
+watch(
+  filters,
+  () => {
+    // Reset to first page when filters change
+    pagination.value.page = 1;
+    queryParams.value.offset = 0;
+  },
+  { deep: true },
+);
+
 watch(
   selectedProjectGroup,
   (newProjectGroup, oldProjectGroup) => {