1 files changed, 14 insertions, 15 deletions

diff --git a/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_versions_list.vue b/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_versions_list.vue
index efc60c9c037..787f21d9419 100644
--- a/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_versions_list.vue
+++ b/app/assets/javascripts/packages_and_registries/package_registry/components/details/package_versions_list.vue
@@ -1,13 +1,13 @@
 <script>
-import { GlKeysetPagination } from '@gitlab/ui';
 import VersionRow from '~/packages_and_registries/package_registry/components/details/version_row.vue';
 import PackagesListLoader from '~/packages_and_registries/shared/components/packages_list_loader.vue';
+import RegistryList from '~/packages_and_registries/shared/components/registry_list.vue';
 
 export default {
   components: {
     VersionRow,
-    GlKeysetPagination,
     PackagesListLoader,
+    RegistryList,
   },
   props: {
     versions: {
@@ -26,9 +26,6 @@ export default {
     },
   },
   computed: {
-    showPagination() {
-      return this.pageInfo.hasPreviousPage || this.pageInfo.hasNextPage;
-    },
     isListEmpty() {
       return this.versions.length === 0;
     },
@@ -42,16 +39,18 @@ export default {
     </div>
     <slot v-else-if="isListEmpty" name="empty-state"></slot>
     <div v-else>
-      <version-row v-for="version in versions" :key="version.id" :package-entity="version" />
-      <div class="gl-display-flex gl-justify-content-center">
-        <gl-keyset-pagination
-          v-if="showPagination"
-          v-bind="pageInfo"
-          class="gl-mt-3"
-          @prev="$emit('prev-page')"
-          @next="$emit('next-page')"
-        />
-      </div>
+      <registry-list
+        :hidden-delete="true"
+        :is-loading="isLoading"
+        :items="versions"
+        :pagination="pageInfo"
+        @prev-page="$emit('prev-page')"
+        @next-page="$emit('next-page')"
+      >
+        <template #default="{ item }">
+          <version-row :package-entity="item" />
+        </template>
+      </registry-list>
     </div>
   </div>
 </template>