diff options
Diffstat (limited to 'app/assets/javascripts/import_entities/components/import_status.vue')
-rw-r--r-- | app/assets/javascripts/import_entities/components/import_status.vue | 27 |
1 files changed, 5 insertions, 22 deletions
diff --git a/app/assets/javascripts/import_entities/components/import_status.vue b/app/assets/javascripts/import_entities/components/import_status.vue index 8df51ef7f9b..cc6a057f587 100644 --- a/app/assets/javascripts/import_entities/components/import_status.vue +++ b/app/assets/javascripts/import_entities/components/import_status.vue @@ -1,13 +1,11 @@ <script> -import { GlLoadingIcon } from '@gitlab/ui'; -import CiIcon from '~/vue_shared/components/ci_icon.vue'; +import { GlIcon } from '@gitlab/ui'; import STATUS_MAP from '../constants'; export default { name: 'ImportStatus', components: { - CiIcon, - GlLoadingIcon, + GlIcon, }, props: { status: { @@ -20,28 +18,13 @@ export default { mappedStatus() { return STATUS_MAP[this.status]; }, - - ciIconStatus() { - const { icon } = this.mappedStatus; - - return { - icon: `status_${icon}`, - group: icon, - }; - }, }, }; </script> <template> - <div class="gl-display-flex gl-h-7 gl-align-items-center"> - <gl-loading-icon - v-if="mappedStatus.loadingIcon" - :inline="true" - :class="mappedStatus.textClass" - class="align-middle mr-2" - /> - <ci-icon v-else css-classes="align-middle mr-2" :status="ciIconStatus" /> - <span :class="mappedStatus.textClass">{{ mappedStatus.text }}</span> + <div> + <gl-icon :name="mappedStatus.icon" :class="mappedStatus.iconClass" :size="12" class="gl-mr-2" /> + <span>{{ mappedStatus.text }}</span> </div> </template> |