From 3376aaf56eb67712eb57cdbd14b52db73baaecd7 Mon Sep 17 00:00:00 2001
From: NaMax66 <Maxim.Naidovich@virtoway.com>
Date: Fri, 27 Dec 2024 11:18:54 +0100
Subject: [PATCH] fix: replace path to relative in vc-icon

---
 .../ui-kit/components/atoms/icon/vc-icon.vue       | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/client-app/ui-kit/components/atoms/icon/vc-icon.vue b/client-app/ui-kit/components/atoms/icon/vc-icon.vue
index 7d23305f3..dc1c6654a 100644
--- a/client-app/ui-kit/components/atoms/icon/vc-icon.vue
+++ b/client-app/ui-kit/components/atoms/icon/vc-icon.vue
@@ -5,6 +5,7 @@
 <script setup lang="ts">
 import DOMPurify from "dompurify";
 import { ref, computed, watch } from "vue";
+import { Logger } from "@/core/utilities";
 
 interface IProps {
   name?: string;
@@ -29,8 +30,17 @@ const style = computed(() =>
 const sizeClass = computed(() => (typeof props.size === "string" ? `vc-icon--size--${props.size}` : ""));
 
 async function loadIcon(name?: string) {
-  const response = (await import(`@/assets/icons/basic/${name}.svg?raw`)) as { default: string };
-  icon.value = DOMPurify.sanitize(response.default);
+  if (name) {
+    try {
+      const response = (await import(`../../../../assets/icons/basic/${name}.svg?raw`)) as { default: string };
+      icon.value = DOMPurify.sanitize(response.default);
+    } catch (error) {
+      Logger.error(`Failed to load icon: ${name}`, error);
+      icon.value = "";
+    }
+  } else {
+    icon.value = "";
+  }
 }
 
 watch(