♻️ translate sidebar headings

messages/en-US.json

@@ -1163,7 +1163,11 @@
     "sidebarLicense": "License",
     "sidebarClients": "Clients",
     "sidebarDomains": "Domains",
+    "sidebarGeneral": "General",
+    "sidebarLogAndAnalytics": "Log & Analytics",
     "sidebarBluePrints": "Blueprints",
+    "sidebarOrganization": "Organization",
+    "sidebarLogsAnalytics": "Log Analytics",
     "blueprints": "Blueprints",
     "blueprintsDescription": "Apply declarative configurations and view previous runs",
     "blueprintAdd": "Add Blueprint",

src/app/navigation.tsx

@@ -17,7 +17,8 @@ import {
     CreditCard,
     Logs,
     SquareMousePointer,
-    ScanEye
+    ScanEye,
+    ChartLine
 } from "lucide-react";
 
 export type SidebarNavSection = {
@@ -39,7 +40,7 @@ export const orgNavSections = (
     enableClients: boolean = true
 ): SidebarNavSection[] => [
     {
-        heading: "General",
+        heading: "sidebarGeneral",
         items: [
             {
                 title: "sidebarSites",
@@ -61,7 +62,7 @@ export const orgNavSections = (
                       }
                   ]
                 : []),
-            ...(build == "saas"
+            ...(build === "saas"
                 ? [
                       {
                           title: "sidebarRemoteExitNodes",
@@ -84,7 +85,7 @@ export const orgNavSections = (
         ]
     },
     {
-        heading: "Access Control",
+        heading: "sidebarAccessControl",
         items: [
             {
                 title: "sidebarUsers",
@@ -119,13 +120,18 @@ export const orgNavSections = (
         ]
     },
     {
-        heading: "Analytics",
+        heading: "sidebarLogAndAnalytics",
         items: [
             {
                 title: "sidebarLogsRequest",
                 href: "/{orgId}/settings/logs/request",
                 icon: <SquareMousePointer className="h-4 w-4" />
             },
+            {
+                title: "sidebarLogsAnalytics",
+                href: "/{orgId}/settings/logs/analytics",
+                icon: <ChartLine className="h-4 w-4" />
+            },
             ...(build != "oss"
                 ? [
                       {
@@ -143,7 +149,7 @@ export const orgNavSections = (
         ]
     },
     {
-        heading: "Organization",
+        heading: "sidebarOrganization",
         items: [
             {
                 title: "sidebarApiKeys",

src/components/SidebarNav.tsx

@@ -162,7 +162,7 @@ export function SidebarNav({
                 <div key={section.heading} className="mb-2">
                     {!isCollapsed && (
                         <div className="px-3 py-1 text-xs font-semibold text-muted-foreground uppercase tracking-wide">
-                            {section.heading}
+                            {t(section.heading)}
                         </div>
                     )}
                     <div className="flex flex-col gap-1">