Settings ⚙ button now links to /settings page with left nav sidebar

The React tab bar's Settings button previously showed a minimal inline component. Now it navigates to /settings which has the full settings page with left sidebar navigation and category views.
2026-06-16 18:24:32 -04:00
parent 23a83cbd7b
commit a7d8a27975
3 changed files with 7 additions and 3 deletions
@@ -5,7 +5,7 @@
    <link rel="icon" type="image/svg+xml" href="/ui/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ui</title>
-    <script type="module" crossorigin src="/ui/assets/index-jhtO2NOz.js"></script>
+    <script type="module" crossorigin src="/ui/assets/index-DFFBeBW_.js"></script>
    <link rel="stylesheet" crossorigin href="/ui/assets/index-D3aC6klh.css">
  </head>
  <body>
@@ -655,7 +655,11 @@ function PedalContent() {
        {/* ── Tab Bar ── */}
        <div className="pedal-tabbar">
          {TABS.map(t => (
-            <div key={t.id} className={`pedal-tab ${tab === t.id ? 'pedal-tab-active' : ''}`} onClick={() => setTab(t.id)}>
+            <div key={t.id} className={`pedal-tab ${tab === t.id ? 'pedal-tab-active' : ''}`}
+              onClick={() => {
+                if (t.id === 'settings') { window.location.href = '/settings'; return; }
+                setTab(t.id);
+              }}>
              <span className="pedal-tab-icon">{t.icon}</span>
              {t.label}
            </div>