From 7ea1afed0548354a0990e66b611465df075077bc Mon Sep 17 00:00:00 2001
From: dlohvinov <nsblnr@gmail.com>
Date: Tue, 6 Feb 2024 21:12:40 +0200
Subject: [PATCH] 24.02.46: fixed badge icons [WTEL-3798]

---
 package.json                         |  2 +-
 src/components/wt-badge/wt-badge.vue | 19 ++++++++++++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index c3a113a9..d3a7aa0b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.2.44",
+  "version": "24.2.46",
   "private": false,
   "scripts": {
     "dev": "vite",
diff --git a/src/components/wt-badge/wt-badge.vue b/src/components/wt-badge/wt-badge.vue
index 5bd7f895..74a755dc 100644
--- a/src/components/wt-badge/wt-badge.vue
+++ b/src/components/wt-badge/wt-badge.vue
@@ -2,8 +2,15 @@
   <aside
     class="wt-badge"
     :class="{ 'wt-badge--outside': outside }"
-    :style="{ background: iconBadge ? `url(${showIconBadge})` : `var(--${colorVariable})` }"
-  />
+    :style="{ background: `var(--${colorVariable})` }"
+  >
+    <img
+      class="wt-badge__pic"
+      v-if="iconBadgePic"
+      :src="iconBadgePic"
+      :alt="iconBadge"
+    >
+  </aside>
 </template>
 
 <script>
@@ -29,7 +36,7 @@ export default {
     },
   },
   computed: {
-    showIconBadge() {
+    iconBadgePic() {
       switch (this.iconBadge) {
         case AbstractUserStatus.DND:
           return BadgeDnd;
@@ -62,5 +69,11 @@ export default {
   &--outside {
     transform: translate(100%, -100%);
   }
+
+  &__pic {
+    position: absolute;
+    width: var(--wt-badge-size);
+    height: var(--wt-badge-size);
+  }
 }
 </style>