bfg-common 1.3.371 → 1.3.372

package/components/atoms/TheIcon2.vue

@@ -1127,8 +1127,8 @@
   </template>
   <template v-else-if="props.name === 'host'">
     <svg
-      width="24"
-      height="20"
+      :width="props.width"
+      :height="props.height"
       viewBox="0 0 24 20"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -1178,8 +1178,8 @@
   </template>
   <template v-else-if="props.name === 'vm'">
     <svg
-      width="24"
-      height="22"
+      :width="props.width"
+      :height="props.height"
       viewBox="0 0 24 22"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -1207,8 +1207,8 @@
   </template>
   <template v-else-if="props.name === 'datastore'">
     <svg
-      width="20"
-      height="24"
+      :width="props.width"
+      :height="props.height"
       viewBox="0 0 20 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -1259,8 +1259,8 @@
   </template>
   <template v-else-if="props.name === 'network'">
     <svg
-      width="24"
-      height="24"
+      :width="props.width"
+      :height="props.height"
       viewBox="0 0 24 24"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -1307,9 +1307,17 @@
 </template>
 
 <script setup lang="ts">
-const props = defineProps<{
-  name: string | undefined
-}>()
+const props = withDefaults(
+  defineProps<{
+    name: string
+    width?: string
+    height?: string
+  }>(),
+  {
+    width: '24',
+    height: '24',
+  }
+)
 </script>
 
 <style scoped lang="scss"></style>

package/components/common/shortcuts/Block.vue

@@ -8,7 +8,13 @@
       @click="changeLastNavigation"
       @contextmenu="changeLastNavigation"
     >
-      <span :class="['unit-icon', props.item.iconClassName]" />
+      <span
+        v-if="props.item.iconClassName"
+        :class="['unit-icon', props.item.iconClassName]"
+      />
+      <span v-else-if="props.item.iconName" class="icon-2">
+        <atoms-the-icon2 :name="props.item.iconName" width="34" height="34" />
+      </span>
       <div class="unit-text" :title="props.item.text">
         {{ props.item.text }}
       </div>
@@ -74,6 +80,10 @@ const changeLastNavigation = (): void => {
       height: 34px;
     }
   }
+  .icon-2 {
+    margin: 0 10px 15px 10px;
+    color: var(--global-font-color3);
+  }
   &-text {
     color: var(--global-font-color3);
     font-size: 13px;

package/components/common/shortcuts/lib/models/interfaces.ts

@@ -1,6 +1,7 @@
 export interface UI_I_BlockItem {
   text: string
   iconClassName: string
+  iconName?: string
   navigateTo?: string
   nav?: string
   testId?: string

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.3.371",
+  "version": "1.3.372",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",