From 58d1eb3b899b730877299be6635adceb127fe6a9 Mon Sep 17 00:00:00 2001
From: Anna Tsyganova <ATSyganova@IBS.RU>
Date: Fri, 10 Jun 2022 10:08:22 +0300
Subject: Fix inventory page Id task: SILABMC-155

---
 src/components/Global/StatusIcon.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

(limited to 'src/components/Global/StatusIcon.vue')

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,
   },
-- 
cgit v1.2.3