fix: added docs link in sidebar

frontend/src/components/Layouts/AppSidebar.vue

@@ -76,11 +76,18 @@
         </Section>
       </div>
     </div>
+    <div class="m-2 flex flex-col gap-1">
+      <SidebarLink
+        label="Docs"
+        :isCollapsed="isSidebarCollapsed"
+        icon="book-open"
+        @click="() => openDocs()"
+      />
       <SidebarLink
         :label="isSidebarCollapsed ? 'Expand' : 'Collapse'"
         :isCollapsed="isSidebarCollapsed"
         @click="isSidebarCollapsed = !isSidebarCollapsed"
-      class="m-2"
+        class=""
       >
         <template #icon>
           <span class="grid h-5 w-6 flex-shrink-0 place-items-center">
@@ -91,6 +98,7 @@
           </span>
         </template>
       </SidebarLink>
+    </div>
     <Notifications />
   </div>
 </template>
@@ -113,6 +121,7 @@ import SidebarLink from '@/components/SidebarLink.vue'
 import Notifications from '@/components/Notifications.vue'
 import { viewsStore } from '@/stores/views'
 import { notificationsStore } from '@/stores/notifications'
+import { FeatherIcon } from 'frappe-ui'
 import { useStorage } from '@vueuse/core'
 import { computed } from 'vue'
 
@@ -222,4 +231,8 @@ function getIcon(routeName) {
       return PinIcon
   }
 }
+
+function openDocs() {
+  window.open('https://docs.frappe.io/crm', '_blank')
+}
 </script>

frontend/src/components/SidebarLink.vue

@@ -12,7 +12,8 @@
         <Tooltip :text="label" placement="right">
           <slot name="icon">
             <span class="grid h-5 w-6 flex-shrink-0 place-items-center">
-              <component :is="icon" class="h-4 w-4 text-gray-700" />
+              <FeatherIcon v-if="typeof icon == 'string'" :name="icon" class="h-4 w-4 text-gray-700" />
+              <component v-else :is="icon" class="h-4 w-4 text-gray-700" />
             </span>
           </slot>
         </Tooltip>