feat: Update sidebar navigation and enhance mail management UI with improved links and descriptions

1 files changed, 14 insertions, 1 deletions

diff --git a/static/js/sidebar.js b/static/js/sidebar.js
index 6a889e4..8384c6f 100644
--- a/static/js/sidebar.js
+++ b/static/js/sidebar.js
@@ -40,6 +40,7 @@ function initSidebar() {
     document.querySelectorAll("[data-sidebar-section]").forEach(function (section) {
         var prefix = section.dataset.sectionPrefix;
         var trigger = section.querySelector("[data-sidebar-trigger]");
+        var chevron = section.querySelector("[data-sidebar-chevron]");
         var pathMatchesSection = currentPath.indexOf(prefix) === 0;
 
         if (pathMatchesSection && state[prefix] === undefined) {
@@ -48,6 +49,11 @@ function initSidebar() {
 
         toggleSection(section, !!state[prefix]);
 
+        trigger.classList.remove("active");
+        if (currentPath === prefix || currentPath === prefix + "/") {
+            trigger.classList.add("active");
+        }
+
         section.querySelectorAll("[data-sidebar-children] .nav-link").forEach(function (link) {
             link.classList.remove("active");
             var href = link.getAttribute("href");
@@ -58,7 +64,14 @@ function initSidebar() {
 
         if (!trigger.dataset.sidebarBound) {
             trigger.dataset.sidebarBound = "true";
-            trigger.addEventListener("click", function (event) {
+
+            trigger.addEventListener("click", function () {
+                state[prefix] = true;
+                saveSidebarState(state);
+                toggleSection(section, true);
+            });
+
+            chevron.addEventListener("click", function (event) {
                 event.preventDefault();
                 event.stopPropagation();
                 state[prefix] = !state[prefix];