diff --git a/frontend/src/app-layouts/VerticalNav/SidebarFooter.vue b/frontend/src/app-layouts/VerticalNav/SidebarFooter.vue index 2b6c7289c..9636022da 100644 --- a/frontend/src/app-layouts/VerticalNav/SidebarFooter.vue +++ b/frontend/src/app-layouts/VerticalNav/SidebarFooter.vue @@ -16,9 +16,24 @@ const { collapsed = false } = defineProps<{ }>() const ContactIcon = "ic:outline-alternate-email" +const DocsIcon = "carbon:document" const LogoutIcon = "ion:log-out-outline" const menuOptions = ref([ + { + label: () => + h( + "a", + { + href: "https://docs.socfortress.co/", + target: "_blank", + rel: "noopener noreferrer" + }, + { default: () => "Documentation" } + ), + key: "documentation", + icon: renderIcon(DocsIcon) + }, { label: () => h( @@ -26,7 +41,7 @@ const menuOptions = ref([ { href: "https://www.socfortress.co/contact-us", target: "_blank", - rel: "noopenner noreferrer" + rel: "noopener noreferrer" }, { default: () => "Contact SOCFortress" } ), diff --git a/frontend/src/app-layouts/common/Toolbar/Avatar.vue b/frontend/src/app-layouts/common/Toolbar/Avatar.vue index f2fd45929..f337228ce 100644 --- a/frontend/src/app-layouts/common/Toolbar/Avatar.vue +++ b/frontend/src/app-layouts/common/Toolbar/Avatar.vue @@ -16,6 +16,7 @@ const LicenseIcon = "carbon:license" const LogoutIcon = "ion:log-out-outline" const LogsIcon = "carbon:cloud-logging" const ContactIcon = "ic:outline-alternate-email" +const DocsIcon = "carbon:document" const UsersIcon = "carbon:group-security" const router = useRouter() @@ -44,6 +45,20 @@ const options = ref([ key: "route-Logs", icon: renderIcon(LogsIcon) }, + { + label: () => + h( + "a", + { + href: "https://docs.socfortress.co/", + target: "_blank", + rel: "noopener noreferrer" + }, + "Documentation" + ), + key: "documentation", + icon: renderIcon(DocsIcon) + }, { label: () => h( @@ -51,7 +66,7 @@ const options = ref([ { href: "https://www.socfortress.co/contact-us", target: "_blank", - rel: "noopenner noreferrer" + rel: "noopener noreferrer" }, "Contact SOCFortress" ),