updated groups pagination to use newest gitlab-ui iterationuse-gitlab-ui-pagination-for-groups

1 files changed, 1 insertions, 24 deletions

diff --git a/app/assets/javascripts/groups/components/groups.vue b/app/assets/javascripts/groups/components/groups.vue
index 4523eafb9cc..ef1bad43d95 100644
--- a/app/assets/javascripts/groups/components/groups.vue
+++ b/app/assets/javascripts/groups/components/groups.vue
@@ -1,6 +1,5 @@
 <script>
 import { mergeUrlParams } from '~/lib/utils/url_utility';
-import bp from '../../breakpoints';
 import { s__ } from '../../locale';
 
 export default {
@@ -23,7 +22,6 @@ export default {
     },
   },
   data: () => ({
-    breakpoint: bp.getBreakpointSize(),
     paginationText: {
       first: s__('Pagination|« First'),
       prev: s__('Pagination|Prev'),
@@ -31,31 +29,11 @@ export default {
       last: s__('Pagination|Last »'),
     },
   }),
-  computed: {
-    paginationLimit() {
-      switch (this.breakpoint) {
-        case 'xs':
-          return 1;
-        case 'sm':
-          return 5;
-        default:
-          return 11;
-      }
-    },
-  },
-  created() {
-    window.addEventListener('resize', this.setBreakpoint);
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', this.setBreakpoint);
-  },
+
   methods: {
     change(page) {
       return mergeUrlParams({ page }, window.location.href);
     },
-    setBreakpoint() {
-      this.breakpoint = bp.getBreakpointSize();
-    },
   },
 };
 </script>
@@ -74,7 +52,6 @@ export default {
     />
     <gl-pagination
       v-if="!searchEmpty && pageInfo.totalPages > 1"
-      :limit="paginationLimit"
       :link-gen="change"
       :value="pageInfo.page"
       :number-of-pages="pageInfo.totalPages"