Increase max groups fetched for DA

The number of groups being populated in
the add / remove modal is being iteratively
increased from 200 to 2000.

If performance is not a concern after this
update, the limit will be completely removed.

Changelog: changed
EE: true

ee/app/assets/javascripts/analytics/devops_report/devops_adoption/constants.js

@@ -6,6 +6,8 @@ export const MAX_SEGMENTS = 30;
 
 export const MAX_REQUEST_COUNT = 10;
 
+export const PER_PAGE = 100;
+
 export const DEVOPS_ADOPTION_SEGMENT_MODAL_ID = 'devopsSegmentModal';
 
 export const DEVOPS_ADOPTION_SEGMENT_DELETE_MODAL_ID = 'devopsSegmentDeleteModal';

ee/app/assets/javascripts/analytics/devops_report/devops_adoption/graphql.js

@@ -3,6 +3,7 @@ import VueApollo from 'vue-apollo';
 import Api from 'ee/api';
 import createDefaultClient from '~/lib/graphql';
 import axios from '~/lib/utils/axios_utils';
+import { PER_PAGE } from './constants';
 
 Vue.use(VueApollo);
 
@@ -13,7 +14,7 @@ export const createResolvers = (groupId) => ({
         ? Api.buildUrl(Api.subgroupsPath).replace(':id', groupId)
         : Api.buildUrl(Api.groupsPath);
       const params = {
-        per_page: Api.DEFAULT_PER_PAGE,
+        per_page: PER_PAGE,
         search,
       };
       if (nextPage) {