app/assets/javascripts/import_entities/components/import_status.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<script>
import { GlIcon } from '@gitlab/ui';
import STATUS_MAP from '../constants';

export default {
  name: 'ImportStatus',
  components: {
    GlIcon,
  },
  props: {
    status: {
      type: String,
      required: true,
    },
  },

  computed: {
    mappedStatus() {
      return STATUS_MAP[this.status];
    },
  },
};
</script>

<template>
  <div>
    <gl-icon :name="mappedStatus.icon" :class="mappedStatus.iconClass" :size="12" class="gl-mr-2" />
    <span>{{ mappedStatus.text }}</span>
  </div>
</template>