From 72404725ae9a305e55c08990a41fcd1c501d7a99 Mon Sep 17 00:00:00 2001
From: TheFlow <theflow@sydigital.com>
Date: Mon, 3 Nov 2025 12:53:14 +1300
Subject: [PATCH] feat: Add feedback button to navbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Adds 'Give Feedback' button to mobile navigation menu
- Integrates with feedback modal system
- Part of governed feedback system (Tractatus + AL)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 public/js/components/navbar.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/public/js/components/navbar.js b/public/js/components/navbar.js
index 5a4de0cb..e0adf9f3 100644
--- a/public/js/components/navbar.js
+++ b/public/js/components/navbar.js
@@ -102,6 +102,14 @@ class TractatusNavbar {
               <a href="/koha.html" class="block px-3 py-2.5 text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">
                 <span class="text-sm font-semibold">🤝 Support (Koha)</span>
               </a>
+
+              <!-- Feedback (opens modal) -->
+              <div class="pt-3 mt-3 border-t border-gray-200">
+                <button id="navbar-feedback-btn" class="w-full text-left block px-3 py-2.5 text-white bg-gradient-to-r from-blue-600 to-blue-700 hover:shadow-lg rounded-lg transition">
+                  <span class="text-sm font-semibold">💬 Give Feedback</span>
+                  <span class="block text-xs opacity-90 mt-0.5">Governed by Tractatus + AL</span>
+                </button>
+              </div>
             </nav>
           </div>
         </div>
@@ -182,6 +190,20 @@ class TractatusNavbar {
         }
       });
     });
+
+    // Feedback button - dispatch event that feedback component will handle
+    const navbarFeedbackBtn = document.getElementById('navbar-feedback-btn');
+    if (navbarFeedbackBtn) {
+      navbarFeedbackBtn.addEventListener('click', () => {
+        // Close mobile menu
+        if (this.mobileMenuOpen) {
+          toggleMobileMenu();
+        }
+
+        // Dispatch event to open feedback modal
+        window.dispatchEvent(new CustomEvent('openFeedbackModal'));
+      });
+    }
   }
 
   setActivePageIndicator() {