1 files changed, 0 insertions, 83 deletions
diff --git a/app/assets/javascripts/design_management_legacy/components/toolbar/pagination.vue b/app/assets/javascripts/design_management_legacy/components/toolbar/pagination.vue
deleted file mode 100644
index bf62a8f66a6..00000000000
--- a/app/assets/javascripts/design_management_legacy/components/toolbar/pagination.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<script>
-/* global Mousetrap */
-import 'mousetrap';
-import { s__, sprintf } from '~/locale';
-import PaginationButton from './pagination_button.vue';
-import allDesignsMixin from '../../mixins/all_designs';
-import { DESIGN_ROUTE_NAME } from '../../router/constants';
-
-export default {
-  components: {
-    PaginationButton,
-  },
-  mixins: [allDesignsMixin],
-  props: {
-    id: {
-      type: String,
-      required: true,
-    },
-  },
-  computed: {
-    designsCount() {
-      return this.designs.length;
-    },
-    currentIndex() {
-      return this.designs.findIndex(design => design.filename === this.id);
-    },
-    paginationText() {
-      return sprintf(s__('DesignManagement|%{current_design} of %{designs_count}'), {
-        current_design: this.currentIndex + 1,
-        designs_count: this.designsCount,
-      });
-    },
-    previousDesign() {
-      if (!this.designsCount) return null;
-
-      return this.designs[this.currentIndex - 1];
-    },
-    nextDesign() {
-      if (!this.designsCount) return null;
-
-      return this.designs[this.currentIndex + 1];
-    },
-  },
-  mounted() {
-    Mousetrap.bind('left', () => this.navigateToDesign(this.previousDesign));
-    Mousetrap.bind('right', () => this.navigateToDesign(this.nextDesign));
-  },
-  beforeDestroy() {
-    Mousetrap.unbind(['left', 'right'], this.navigateToDesign);
-  },
-  methods: {
-    navigateToDesign(design) {
-      if (design) {
-        this.$router.push({
-          name: DESIGN_ROUTE_NAME,
-          params: { id: design.filename },
-          query: this.$route.query,
-        });
-      }
-    },
-  },
-};
-</script>
-
-<template>
-  <div v-if="designsCount" class="d-flex align-items-center">
-    {{ paginationText }}
-    <div class="btn-group ml-3 mr-3">
-      <pagination-button
-        :design="previousDesign"
-        :title="s__('DesignManagement|Go to previous design')"
-        icon-name="angle-left"
-        class="js-previous-design"
-      />
-      <pagination-button
-        :design="nextDesign"
-        :title="s__('DesignManagement|Go to next design')"
-        icon-name="angle-right"
-        class="js-next-design"
-      />
-    </div>
-  </div>
-</template>