From 4d5a3276deaa65d9d0a2c999a08a05c1c9e3e791 Mon Sep 17 00:00:00 2001
From: juancwu <git@juancwu.dev>
Date: Thu, 23 Apr 2026 02:24:29 +0000
Subject: [PATCH] feat: add sidebar menu items on account settings page

---
 internal/ui/pages/app_settings.templ | 32 ++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/internal/ui/pages/app_settings.templ b/internal/ui/pages/app_settings.templ
index f99dfef..6d78cf4 100644
--- a/internal/ui/pages/app_settings.templ
+++ b/internal/ui/pages/app_settings.templ
@@ -1,18 +1,22 @@
 package pages
 
 import (
-	"git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
+	"git.juancwu.dev/juancwu/budgit/internal/ctxkeys"
+	"git.juancwu.dev/juancwu/budgit/internal/routeurl"
+	"git.juancwu.dev/juancwu/budgit/internal/ui/blocks"
 	"git.juancwu.dev/juancwu/budgit/internal/ui/components/button"
+	"git.juancwu.dev/juancwu/budgit/internal/ui/components/card"
 	"git.juancwu.dev/juancwu/budgit/internal/ui/components/csrf"
 	"git.juancwu.dev/juancwu/budgit/internal/ui/components/form"
+	"git.juancwu.dev/juancwu/budgit/internal/ui/components/icon"
 	"git.juancwu.dev/juancwu/budgit/internal/ui/components/input"
 	"git.juancwu.dev/juancwu/budgit/internal/ui/components/label"
-	"git.juancwu.dev/juancwu/budgit/internal/ui/components/card"
-	"git.juancwu.dev/juancwu/budgit/internal/ui/blocks"
+	"git.juancwu.dev/juancwu/budgit/internal/ui/components/sidebar"
+	"git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
 )
 
 templ AppSettings(hasPassword bool, errorMsg string) {
-	@layouts.App("Settings") {
+	@layouts.App("Settings", spaceOverviewSidebarContent(), settingsSidebarContent()) {
 		<div class="container max-w-2xl px-6 py-8">
 			@blocks.PageHeader("Settings", "Manage your account settings")
 			@card.Card() {
@@ -100,3 +104,23 @@ templ AppSettings(hasPassword bool, errorMsg string) {
 		</div>
 	}
 }
+
+templ settingsSidebarContent() {
+	@sidebar.Group() {
+		@sidebar.GroupLabel() {
+			Settings
+		}
+		@sidebar.Menu() {
+			@sidebar.MenuItem() {
+				@sidebar.MenuButton(sidebar.MenuButtonProps{
+					Href:     routeurl.URL("page.app.settings"),
+					IsActive: ctxkeys.URLPath(ctx) == routeurl.URL("page.app.settings"),
+					Tooltip:  "Security",
+				}) {
+					@icon.Lock()
+					<span>Security</span>
+				}
+			}
+		}
+	}
+}