[#131] add var-dump and ray icons to sidebar

buggregator · Jun 6, 2024 · 49f029c · 49f029c
1 parent 5ffccb8
commit 49f029c
Show file tree

Hide file tree

Showing 4 changed files with 105 additions and 2 deletions.
diff --git a/src/shared/ui/icon-svg/icon-svg-originals/ray.svg b/src/shared/ui/icon-svg/icon-svg-originals/ray.svg
diff --git a/src/shared/ui/icon-svg/icon-svg-originals/var_dump.svg b/src/shared/ui/icon-svg/icon-svg-originals/var_dump.svg
diff --git a/src/shared/ui/icon-svg/icon-svg.vue b/src/shared/ui/icon-svg/icon-svg.vue
@@ -154,6 +154,82 @@ defineProps<Props>();
  />
  </svg>
 
+ <svg
+ v-else-if="name === 'ray'"
+ viewBox="0 0 162 149"
+ version="1.1"
+ xmlns="http:https://www.w3.org/2000/svg"
+ >
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+ <g
+ fill-rule="nonzero"
+ stroke="currentColor"
+ stroke-opacity="0.99"
+ stroke-width="10"
+ >
+ <path
+ d="M128.25,8.54545455 C142.198959,8.54545455 153.5,19.884546 153.5,33.8636364 L153.5,115.136364 C153.5,129.115454 142.198959,140.454545 128.25,140.454545 L33.75,140.454545 C19.8010408,140.454545 8.5,129.115454 8.5,115.136364 L8.5,33.8636364 C8.5,19.884546 19.8010408,8.54545455 33.75,8.54545455 L128.25,8.54545455 Z M33.75,5 C17.8755827,5 5,17.9189349 5,33.8636364 L5,115.136364 C5,131.081065 17.8755827,144 33.75,144 L128.25,144 C144.124417,144 157,131.081065 157,115.136364 L157,33.8636364 C157,26.2049896 153.968246,18.861044 148.573383,13.4480163 C143.181747,8.03822678 135.871433,5 128.25,5 L33.75,5 Z"
+ ></path>
+ </g>
+ <g
+ transform="translate(56.000000, 30.000000)"
+ fill="currentColor"
+ fill-rule="nonzero"
+ >
+ <path
+ d="M47.9265939,45.165 L30.254532,32.875 L39.1634847,7.22 C39.4385038,6.55 39.5926812,5.795 39.5926812,5 C39.5926812,2.24 37.7383856,0 35.4382257,0 C34.4006535,0.02 33.5339266,0.415 32.8463788,1.07 C32.7088693,1.2 32.6255301,1.28 32.5546919,1.37 L1.30251918,36.87 C0.34828617,37.955 -0.122579899,39.515 0.02743053,41.08 C0.177440959,42.645 0.939993973,44.035 2.0734061,44.83 L19.749635,57.13 L10.7365084,83.08 C9.97395536,85.26 10.5948319,87.78 12.2116109,89.12 C12.9283274,89.71 13.7617187,90 14.5784421,90 C15.6118473,90 16.6452525,89.535 17.4453081,88.63 L48.6974808,53.12 C49.6517138,52.035 50.1225799,50.475 49.9725695,48.91 C49.822559,47.345 49.060006,45.955 47.9265939,45.165 Z"
+ ></path>
+ </g>
+ </g>
+ </svg>
+
+ <svg
+ v-else-if="name === 'var-dump'"
+ viewBox="0 0 162 149"
+ xmlns="http:https://www.w3.org/2000/svg"
+ >
+ <g
+ id="Artboard"
+ stroke="none"
+ stroke-width="1"
+ fill="none"
+ fill-rule="evenodd"
+ >
+ <g
+ id="inspector"
+ fill-rule="nonzero"
+ stroke="currentColor"
+ stroke-opacity="0.99"
+ stroke-width="10"
+ >
+ <path
+ id="Shape"
+ d="M128.25,8.54545455 C142.198959,8.54545455 153.5,19.884546 153.5,33.8636364 L153.5,115.136364 C153.5,129.115454 142.198959,140.454545 128.25,140.454545 L33.75,140.454545 C19.8010408,140.454545 8.5,129.115454 8.5,115.136364 L8.5,33.8636364 C8.5,19.884546 19.8010408,8.54545455 33.75,8.54545455 L128.25,8.54545455 Z M33.75,5 C17.8755827,5 5,17.9189349 5,33.8636364 L5,115.136364 C5,131.081065 17.8755827,144 33.75,144 L128.25,144 C144.124417,144 157,131.081065 157,115.136364 L157,33.8636364 C157,26.2049896 153.968246,18.861044 148.573383,13.4480163 C143.181747,8.03822678 135.871433,5 128.25,5 L33.75,5 Z"
+ ></path>
+ </g>
+ <g
+ id="Group"
+ transform="translate(37.000000, 42.000000)"
+ fill="currentColor"
+ >
+ <text
+ id="dump"
+ font-family="ArialRoundedMTBold, Arial Rounded MT Bold"
+ font-size="38"
+ font-weight="normal"
+ letter-spacing="3"
+ >
+ <tspan x="0.562011719" y="36">VAR</tspan>
+ </text>
+ <path
+ id="Path"
+ d="M3,61.5792683 C3,57.6317073 5.76666667,55 9.91666667,55 L79.0833333,55 C82.9033029,55 86,57.9456387 86,61.5792683 C86,65.2128978 82.9033029,68.1585366 79.0833333,68.1585366 L9.91666667,68.1585366 C6.09669715,68.1585366 3,65.2128978 3,61.5792683 Z"
+ fill-rule="nonzero"
+ ></path>
+ </g>
+ </g>
+ </svg>
+
  <svg
  v-else-if="name === 'logo'"
  xmlns="http:https://www.w3.org/2000/svg"

diff --git a/src/widgets/ui/layout-sidebar/layout-sidebar.vue b/src/widgets/ui/layout-sidebar/layout-sidebar.vue
@@ -125,7 +125,7 @@ const path = computed(() => useRoute().path);
  class="layout-sidebar__link"
  :class="{ 'router-link-active': path.includes('/var-dump') }"
  >
- <IconSvg class="layout-sidebar__link-icon" name="inspector" />
+ <IconSvg class="layout-sidebar__link-icon" name="var-dump" />
  </NuxtLink>
 
  <NuxtLink
@@ -134,7 +134,7 @@ const path = computed(() => useRoute().path);
  class="layout-sidebar__link"
  :class="{ 'router-link-active': path.includes('/ray') }"
  >
- <IconSvg class="layout-sidebar__link-icon" name="inspector" />
+ <IconSvg class="layout-sidebar__link-icon" name="ray" />
  </NuxtLink>
 
  <NuxtLink to="/settings" title="Settings" class="layout-sidebar__link">