Reset pagination when switching pages

ee/app/assets/javascripts/analytics/cycle_analytics/components/base.vue

@@ -144,7 +144,7 @@ export default {
         this.setDefaultSelectedStage();
       } else {
         this.setSelectedStage(stage);
-        this.fetchStageData(stage.slug);
+        this.updateStageTablePagination({ ...this.pagination, page: 1 });
       }
     },
     onHandleUpdatePagination(data) {

ee/app/assets/javascripts/analytics/cycle_analytics/store/actions.js

@@ -30,10 +30,7 @@ export const setFeatureFlags = ({ commit }, featureFlags) =>
 export const setSelectedProjects = ({ commit }, projects) =>
   commit(types.SET_SELECTED_PROJECTS, projects);
 
-export const setSelectedStage = ({ commit, getters: { paginationParams } }, stage) => {
-  commit(types.SET_SELECTED_STAGE, stage);
-  commit(types.SET_PAGINATION, { ...paginationParams, hasNextPage: null });
-};
+export const setSelectedStage = ({ commit }, stage) => commit(types.SET_SELECTED_STAGE, stage);
 
 export const setDateRange = (
   { commit, dispatch, getters: { isOverviewStageSelected }, state: { selectedStage } },

ee/spec/frontend/analytics/cycle_analytics/components/base_spec.js

@@ -11,10 +11,6 @@ import PathNavigation from 'ee/analytics/cycle_analytics/components/path_navigat
 import StageTableNew from 'ee/analytics/cycle_analytics/components/stage_table_new.vue';
 import TypeOfWorkCharts from 'ee/analytics/cycle_analytics/components/type_of_work_charts.vue';
 import ValueStreamSelect from 'ee/analytics/cycle_analytics/components/value_stream_select.vue';
-import {
-  PAGINATION_SORT_FIELD_END_EVENT,
-  PAGINATION_SORT_DIRECTION_DESC,
-} from 'ee/analytics/cycle_analytics/constants';
 import createStore from 'ee/analytics/cycle_analytics/store';
 import Daterange from 'ee/analytics/shared/components/daterange.vue';
 import ProjectsDropdownFilter from 'ee/analytics/shared/components/projects_dropdown_filter.vue';

ee/spec/frontend/analytics/cycle_analytics/store/actions_spec.js

@@ -92,12 +92,10 @@ describe('Value Stream Analytics actions', () => {
 
   describe('setSelectedStage', () => {
     const data = { id: 'someStageId' };
-    const payload = { hasNextPage: null };
 
     it(`dispatches the ${types.SET_SELECTED_STAGE} and ${types.SET_PAGINATION} actions`, () => {
       return testAction(actions.setSelectedStage, data, { ...state, selectedValueStream: {} }, [
         { type: types.SET_SELECTED_STAGE, payload: data },
-        { type: types.SET_PAGINATION, payload },
       ]);
     });
   });