From 088fb627577b05ab82cfebafa4d5c0063e78aa39 Mon Sep 17 00:00:00 2001
From: michalspeckle <michal@speckle.systems>
Date: Tue, 6 May 2025 10:56:31 +0200
Subject: [PATCH] Chore: Updated icon for "book an intro call" to match the
 style of the already used icons (#4668)

---
 .../frontend-2/components/dashboard/Sidebar.vue | 17 ++++++++---------
 .../components/global/icon/Calendar.vue         | 14 ++++++++++++++
 2 files changed, 22 insertions(+), 9 deletions(-)
 create mode 100644 packages/frontend-2/components/global/icon/Calendar.vue

diff --git a/packages/frontend-2/components/dashboard/Sidebar.vue b/packages/frontend-2/components/dashboard/Sidebar.vue
index 61083b635..5270f46bf 100644
--- a/packages/frontend-2/components/dashboard/Sidebar.vue
+++ b/packages/frontend-2/components/dashboard/Sidebar.vue
@@ -73,6 +73,14 @@
               </LayoutSidebarMenuGroup>
 
               <LayoutSidebarMenuGroup title="Resources" collapsible>
+                <CalPopUp v-if="isWorkspacesEnabled">
+                  <LayoutSidebarMenuGroupItem label="Book an intro call">
+                    <template #icon>
+                      <IconCalendar class="size-4 text-foreground-2" />
+                    </template>
+                  </LayoutSidebarMenuGroupItem>
+                </CalPopUp>
+
                 <NuxtLink
                   to="https://speckle.community/"
                   target="_blank"
@@ -93,14 +101,6 @@
                   </LayoutSidebarMenuGroupItem>
                 </div>
 
-                <CalPopUp v-if="isWorkspacesEnabled">
-                  <LayoutSidebarMenuGroupItem label="Book an intro call">
-                    <template #icon>
-                      <CalendarDaysIcon class="size-5 text-foreground-2" />
-                    </template>
-                  </LayoutSidebarMenuGroupItem>
-                </CalPopUp>
-
                 <NuxtLink
                   to="https://speckle.guide/"
                   target="_blank"
@@ -151,7 +151,6 @@ import {
 import { useRoute } from 'vue-router'
 import { useActiveUser } from '~~/lib/auth/composables/activeUser'
 import { useNavigation } from '~~/lib/navigation/composables/navigation'
-import { CalendarDaysIcon } from '@heroicons/vue/24/outline'
 
 const { isLoggedIn } = useActiveUser()
 const isWorkspacesEnabled = useIsWorkspacesEnabled()
diff --git a/packages/frontend-2/components/global/icon/Calendar.vue b/packages/frontend-2/components/global/icon/Calendar.vue
new file mode 100644
index 000000000..9f0553a8f
--- /dev/null
+++ b/packages/frontend-2/components/global/icon/Calendar.vue
@@ -0,0 +1,14 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M13 11.5H15.5V13H13V15.5H11.5V13H9V11.5H11.5V9H13V11.5ZM10.5 0.75C10.9142 0.75 11.25 1.08579 11.25 1.5V2H12C13.6569 2 15 3.34315 15 5V8H13.5V6.75H1.5V12C1.5 12.8284 2.17157 13.5 3 13.5H8V15H3C1.34315 15 0 13.6569 0 12V5C8.05333e-08 3.34315 1.34315 2 3 2H4.75V1.5C4.75 1.08579 5.08579 0.75 5.5 0.75C5.91421 0.75 6.25 1.08579 6.25 1.5V2H9.75V1.5C9.75 1.08579 10.0858 0.75 10.5 0.75ZM3 3.5C2.17157 3.5 1.5 4.17157 1.5 5V5.25H13.5V5C13.5 4.17157 12.8284 3.5 12 3.5H3Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>