diff options
Diffstat (limited to 'src/components/Global/StatusIcon.vue')
-rw-r--r-- | src/components/Global/StatusIcon.vue | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/src/components/Global/StatusIcon.vue b/src/components/Global/StatusIcon.vue index 4552633e..fb818451 100644 --- a/src/components/Global/StatusIcon.vue +++ b/src/components/Global/StatusIcon.vue @@ -1,26 +1,30 @@ <template> <span :class="['status-icon', status]"> <icon-info v-if="status === 'info'" /> - <icon-success v-else-if="status === 'success'" /> + <img + v-else-if="status === 'success'" + class="status__img" + src="@/assets/images/status/on.svg" + /> <icon-warning v-else-if="status === 'warning'" /> - <icon-danger v-else-if="status === 'danger'" /> + <img + v-else-if="status === 'danger'" + class="status__img" + src="@/assets/images/status/off.svg" + /> <icon-secondary v-else /> </span> </template> <script> import IconInfo from '@carbon/icons-vue/es/information--filled/20'; -import IconCheckmark from '@carbon/icons-vue/es/checkmark--filled/20'; import IconWarning from '@carbon/icons-vue/es/warning--filled/20'; import IconError from '@carbon/icons-vue/es/error--filled/20'; -import IconMisuse from '@carbon/icons-vue/es/misuse/20'; export default { name: 'StatusIcon', components: { IconInfo: IconInfo, - iconSuccess: IconCheckmark, - iconDanger: IconMisuse, iconSecondary: IconError, iconWarning: IconWarning, }, |