diff options
| author | Tim Zallmann <tzallmann@gitlab.com> | 2017-10-05 23:16:37 +0200 |
|---|---|---|
| committer | Tim Zallmann <tzallmann@gitlab.com> | 2017-10-30 10:27:46 +0100 |
| commit | d01d509bd8612f9879fa762de8ea3763bcff81cf (patch) | |
| tree | d509f86056b729ece2d2b84704bded02b588d74f /app/assets/javascripts/vue_shared/components/ci_icon.vue | |
| parent | e3c7d26425808f3bb68e1a03c46ff3e138cb65c9 (diff) | |
| download | gitlab-ce-d01d509bd8612f9879fa762de8ea3763bcff81cf.tar.gz | |
Fixing Icons
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/ci_icon.vue')
| -rw-r--r-- | app/assets/javascripts/vue_shared/components/ci_icon.vue | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/app/assets/javascripts/vue_shared/components/ci_icon.vue b/app/assets/javascripts/vue_shared/components/ci_icon.vue index ec88119e16c..2a018f38366 100644 --- a/app/assets/javascripts/vue_shared/components/ci_icon.vue +++ b/app/assets/javascripts/vue_shared/components/ci_icon.vue @@ -1,5 +1,5 @@ <script> - import { statusIconEntityMap } from '../ci_status_icons'; + import icon from '../../vue_shared/components/icon.vue'; /** * Renders CI icon based on API response shared between all places where it is used. @@ -30,11 +30,11 @@ }, }, - computed: { - statusIconSvg() { - return statusIconEntityMap[this.status.icon]; - }, + components: { + icon, + }, + computed: { cssClass() { const status = this.status.group; return `ci-status-icon ci-status-icon-${status} js-ci-status-icon-${status}`; @@ -44,7 +44,8 @@ </script> <template> <span - :class="cssClass" - v-html="statusIconSvg"> + :class="cssClass"> + <icon + :name="status.icon"/> </span> </template> |