1 files changed, 8 insertions, 7 deletions

diff --git a/app/assets/javascripts/vue_shared/components/issuable_blocked_icon/issuable_blocked_icon.vue b/app/assets/javascripts/vue_shared/components/issuable_blocked_icon/issuable_blocked_icon.vue
index 253aca8837d..f5b4870d59f 100644
--- a/app/assets/javascripts/vue_shared/components/issuable_blocked_icon/issuable_blocked_icon.vue
+++ b/app/assets/javascripts/vue_shared/components/issuable_blocked_icon/issuable_blocked_icon.vue
@@ -1,8 +1,9 @@
 <script>
 import { GlIcon, GlLink, GlPopover, GlLoadingIcon } from '@gitlab/ui';
 import { issuableTypes } from '~/boards/constants';
-import { TYPE_ISSUE, TYPE_EPIC } from '~/graphql_shared/constants';
+import { TYPENAME_ISSUE, TYPENAME_EPIC } from '~/graphql_shared/constants';
 import { convertToGraphQLId } from '~/graphql_shared/utils';
+import { TYPE_ISSUE } from '~/issues/constants';
 import { truncate } from '~/lib/utils/text_utility';
 import { __, n__, s__, sprintf } from '~/locale';
 import { blockingIssuablesQueries } from './constants';
@@ -10,16 +11,16 @@ import { blockingIssuablesQueries } from './constants';
 export default {
   i18n: {
     issuableType: {
-      [issuableTypes.issue]: __('issue'),
+      [TYPE_ISSUE]: __('issue'),
       [issuableTypes.epic]: __('epic'),
     },
   },
   graphQLIdType: {
-    [issuableTypes.issue]: TYPE_ISSUE,
-    [issuableTypes.epic]: TYPE_EPIC,
+    [TYPE_ISSUE]: TYPENAME_ISSUE,
+    [issuableTypes.epic]: TYPENAME_EPIC,
   },
   referenceFormatter: {
-    [issuableTypes.issue]: (r) => r.split('/')[1],
+    [TYPE_ISSUE]: (r) => r.split('/')[1],
   },
   defaultDisplayLimit: 3,
   textTruncateWidth: 80,
@@ -42,7 +43,7 @@ export default {
       type: String,
       required: true,
       validator(value) {
-        return [issuableTypes.issue, issuableTypes.epic].includes(value);
+        return [TYPE_ISSUE, issuableTypes.epic].includes(value);
       },
     },
   },
@@ -119,7 +120,7 @@ export default {
       );
     },
     blockIcon() {
-      return this.issuableType === issuableTypes.issue ? 'issue-block' : 'entity-blocked';
+      return this.issuableType === TYPE_ISSUE ? 'issue-block' : 'entity-blocked';
     },
     glIconId() {
       return `blocked-icon-${this.uniqueId}`;