docs: add documentation link to SidebarFooter and Avatar components (#735)
taylor_socfortress committed
Feb 20, 2026 at 13:07 UTC
d766c62c813e7eae8c582b03d614ac6da083fdbd
2 files changed
+32
-2
frontend/src/app-layouts/VerticalNav/SidebarFooter.vue
+16
-1
@@ -16,9 +16,24 @@ const { collapsed = false } = defineProps<{
16
}>()
17
18
const ContactIcon = "ic:outline-alternate-email"
19
+const DocsIcon = "carbon:document"
20
const LogoutIcon = "ion:log-out-outline"
21
22
const menuOptions = ref([
23
+ {
24
+ label: () =>
25
+ h(
26
+ "a",
27
+ {
28
+ href: "https://docs.socfortress.co/",
29
+ target: "_blank",
30
+ rel: "noopener noreferrer"
31
+ },
32
+ { default: () => "Documentation" }
33
+ ),
34
+ key: "documentation",
35
+ icon: renderIcon(DocsIcon)
36
+ },
37
{
38
label: () =>
39
h(
@@ -26,7 +41,7 @@ const menuOptions = ref([
41
{
42
href: "https://www.socfortress.co/contact-us",
43
target: "_blank",
29
- rel: "noopenner noreferrer"
44
+ rel: "noopener noreferrer"
45
},
46
{ default: () => "Contact SOCFortress" }
47
),
frontend/src/app-layouts/common/Toolbar/Avatar.vue
+16
-1
@@ -16,6 +16,7 @@ const LicenseIcon = "carbon:license"
16
const LogoutIcon = "ion:log-out-outline"
17
const LogsIcon = "carbon:cloud-logging"
18
const ContactIcon = "ic:outline-alternate-email"
19
+const DocsIcon = "carbon:document"
20
const UsersIcon = "carbon:group-security"
21
22
const router = useRouter()
@@ -44,6 +45,20 @@ const options = ref([
45
key: "route-Logs",
46
icon: renderIcon(LogsIcon)
47
},
48
+ {
49
+ label: () =>
50
+ h(
51
+ "a",
52
+ {
53
+ href: "https://docs.socfortress.co/",
54
+ target: "_blank",
55
+ rel: "noopener noreferrer"
56
+ },
57
+ "Documentation"
58
+ ),
59
+ key: "documentation",
60
+ icon: renderIcon(DocsIcon)
61
+ },
62
{
63
label: () =>
64
h(
@@ -51,7 +66,7 @@ const options = ref([
66
{
67
href: "https://www.socfortress.co/contact-us",
68
target: "_blank",
54
- rel: "noopenner noreferrer"
69
+ rel: "noopener noreferrer"
70
},
71
"Contact SOCFortress"
72
),