1 files changed, 0 insertions, 106 deletions
diff --git a/app/assets/javascripts/projects/storage_counter/components/app.vue b/app/assets/javascripts/projects/storage_counter/components/app.vue
deleted file mode 100644
index 1a911ea3d9b..00000000000
--- a/app/assets/javascripts/projects/storage_counter/components/app.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<script>
-import { GlAlert, GlLink, GlLoadingIcon } from '@gitlab/ui';
-import { sprintf } from '~/locale';
-import UsageGraph from '~/vue_shared/components/storage_counter/usage_graph.vue';
-import {
-  ERROR_MESSAGE,
-  LEARN_MORE_LABEL,
-  USAGE_QUOTAS_LABEL,
-  TOTAL_USAGE_TITLE,
-  TOTAL_USAGE_SUBTITLE,
-  TOTAL_USAGE_DEFAULT_TEXT,
-  HELP_LINK_ARIA_LABEL,
-} from '../constants';
-import getProjectStorageCount from '../queries/project_storage.query.graphql';
-import { parseGetProjectStorageResults } from '../utils';
-import StorageTable from './storage_table.vue';
-
-export default {
-  name: 'StorageCounterApp',
-  components: {
-    GlAlert,
-    GlLink,
-    GlLoadingIcon,
-    StorageTable,
-    UsageGraph,
-  },
-  inject: ['projectPath', 'helpLinks'],
-  apollo: {
-    project: {
-      query: getProjectStorageCount,
-      variables() {
-        return {
-          fullPath: this.projectPath,
-        };
-      },
-      update(data) {
-        return parseGetProjectStorageResults(data, this.helpLinks);
-      },
-      error() {
-        this.error = ERROR_MESSAGE;
-      },
-    },
-  },
-  data() {
-    return {
-      project: {},
-      error: '',
-    };
-  },
-  computed: {
-    totalUsage() {
-      return this.project?.storage?.totalUsage || TOTAL_USAGE_DEFAULT_TEXT;
-    },
-    storageTypes() {
-      return this.project?.storage?.storageTypes || [];
-    },
-  },
-  methods: {
-    clearError() {
-      this.error = '';
-    },
-    helpLinkAriaLabel(linkTitle) {
-      return sprintf(HELP_LINK_ARIA_LABEL, {
-        linkTitle,
-      });
-    },
-  },
-  LEARN_MORE_LABEL,
-  USAGE_QUOTAS_LABEL,
-  TOTAL_USAGE_TITLE,
-  TOTAL_USAGE_SUBTITLE,
-};
-</script>
-<template>
-  <gl-loading-icon v-if="$apollo.queries.project.loading" class="gl-mt-5" size="md" />
-  <gl-alert v-else-if="error" variant="danger" @dismiss="clearError">
-    {{ error }}
-  </gl-alert>
-  <div v-else>
-    <div class="gl-pt-5 gl-px-3">
-      <div class="gl-display-flex gl-justify-content-space-between gl-align-items-center">
-        <div>
-          <p class="gl-m-0 gl-font-lg gl-font-weight-bold">{{ $options.TOTAL_USAGE_TITLE }}</p>
-          <p class="gl-m-0 gl-text-gray-400">
-            {{ $options.TOTAL_USAGE_SUBTITLE }}
-            <gl-link
-              :href="helpLinks.usageQuotasHelpPagePath"
-              target="_blank"
-              :aria-label="helpLinkAriaLabel($options.USAGE_QUOTAS_LABEL)"
-              data-testid="usage-quotas-help-link"
-            >
-              {{ $options.LEARN_MORE_LABEL }}
-            </gl-link>
-          </p>
-        </div>
-        <p class="gl-m-0 gl-font-size-h-display gl-font-weight-bold" data-testid="total-usage">
-          {{ totalUsage }}
-        </p>
-      </div>
-    </div>
-    <div v-if="project.statistics" class="gl-w-full">
-      <usage-graph :root-storage-statistics="project.statistics" :limit="0" />
-    </div>
-    <storage-table :storage-types="storageTypes" />
-  </div>
-</template>