diff --git a/surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx b/surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx index a314690c1..17856c6fb 100644 --- a/surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx +++ b/surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx @@ -1,6 +1,6 @@ "use client"; -import { Check, ChevronUp, Languages, Laptop, LogOut, Moon, Settings, Sun } from "lucide-react"; +import { Check, ChevronUp, ExternalLink, Info, Languages, Laptop, LogOut, Moon, Settings, Sun } from "lucide-react"; import Image from "next/image"; import { useTranslations } from "next-intl"; import { useState } from "react"; @@ -18,6 +18,7 @@ import { } from "@/components/ui/dropdown-menu"; import { Spinner } from "@/components/ui/spinner"; import { useLocaleContext } from "@/contexts/LocaleContext"; +import { APP_VERSION } from "@/lib/env-config"; import { cn } from "@/lib/utils"; import type { User } from "../../types/layout.types"; @@ -37,6 +38,11 @@ const THEMES = [ { value: "system" as const, name: "System", icon: Laptop }, ]; +const LEARN_MORE_LINKS = [ + { key: "documentation" as const, href: "https://surfsense.com/docs" }, + { key: "github" as const, href: "https://github.com/MODSetter/SurfSense" }, +]; + interface SidebarUserProfileProps { user: User; onUserSettings?: () => void; @@ -254,6 +260,27 @@ export function SidebarUserProfile({ + + + + {t("learn_more")} + + + + {LEARN_MORE_LINKS.map((link) => ( + + + {t(link.key)} + + + + ))} + +

v{APP_VERSION}

+
+
+
+ @@ -376,6 +403,27 @@ export function SidebarUserProfile({ + + + + {t("learn_more")} + + + + {LEARN_MORE_LINKS.map((link) => ( + + + {t(link.key)} + + + + ))} + +

v{APP_VERSION}

+
+
+
+ diff --git a/surfsense_web/messages/en.json b/surfsense_web/messages/en.json index ddd0682a0..09e3c6107 100644 --- a/surfsense_web/messages/en.json +++ b/surfsense_web/messages/en.json @@ -685,6 +685,9 @@ "system": "System", "logout": "Logout", "loggingOut": "Logging out...", + "learn_more": "Learn more", + "documentation": "Documentation", + "github": "GitHub", "inbox": "Inbox", "search_inbox": "Search inbox", "mark_all_read": "Mark all as read", diff --git a/surfsense_web/messages/es.json b/surfsense_web/messages/es.json index 1f046ed47..6ba856b26 100644 --- a/surfsense_web/messages/es.json +++ b/surfsense_web/messages/es.json @@ -685,6 +685,9 @@ "system": "Sistema", "logout": "Cerrar sesión", "loggingOut": "Cerrando sesión...", + "learn_more": "Más información", + "documentation": "Documentación", + "github": "GitHub", "inbox": "Bandeja de entrada", "search_inbox": "Buscar en bandeja de entrada", "mark_all_read": "Marcar todo como leído", diff --git a/surfsense_web/messages/hi.json b/surfsense_web/messages/hi.json index 215924bdf..e0d00c750 100644 --- a/surfsense_web/messages/hi.json +++ b/surfsense_web/messages/hi.json @@ -685,6 +685,9 @@ "system": "सिस्टम", "logout": "लॉगआउट", "loggingOut": "लॉगआउट हो रहा है...", + "learn_more": "और जानें", + "documentation": "दस्तावेज़ीकरण", + "github": "GitHub", "inbox": "इनबॉक्स", "search_inbox": "इनबॉक्स में खोजें", "mark_all_read": "सभी पढ़ा हुआ चिह्नित करें", diff --git a/surfsense_web/messages/pt.json b/surfsense_web/messages/pt.json index 2d958b602..4b833bd33 100644 --- a/surfsense_web/messages/pt.json +++ b/surfsense_web/messages/pt.json @@ -685,6 +685,9 @@ "system": "Sistema", "logout": "Sair", "loggingOut": "Saindo...", + "learn_more": "Saiba mais", + "documentation": "Documentação", + "github": "GitHub", "inbox": "Caixa de entrada", "search_inbox": "Pesquisar caixa de entrada", "mark_all_read": "Marcar tudo como lido", diff --git a/surfsense_web/messages/zh.json b/surfsense_web/messages/zh.json index 24de6f685..b97f1d595 100644 --- a/surfsense_web/messages/zh.json +++ b/surfsense_web/messages/zh.json @@ -669,6 +669,9 @@ "system": "系统", "logout": "退出登录", "loggingOut": "正在退出...", + "learn_more": "了解更多", + "documentation": "文档", + "github": "GitHub", "inbox": "收件箱", "search_inbox": "搜索收件箱", "mark_all_read": "全部标记为已读",