From 3b00395036bafc543e908baf819c37af025f1db0 Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Thu, 9 Apr 2026 08:35:14 +0000
Subject: [PATCH] implement navigation in settings

---
 dist/index.js                     | 12 +++++++++++-
 src/View/Modals/settingsModal.tsx | 13 ++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/dist/index.js b/dist/index.js
index 61d04f95..6ff4e3b8 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -6608,6 +6608,16 @@
 
   // src/View/Modals/settingsModal.tsx
   function SettingsModal(settingsViewModel2) {
+    const detailView = createProxyState([settingsViewModel2.selectedModalPage], () => {
+      switch (settingsViewModel2.selectedModalPage.value) {
+        case 0 /* Appearance */:
+          return /* @__PURE__ */ createElement("div", null, "Appearance");
+        case 1 /* Regional */:
+          return /* @__PURE__ */ createElement("div", null, "Regional");
+        case 2 /* Info */:
+          return /* @__PURE__ */ createElement("div", null, "Info");
+      }
+    });
     return /* @__PURE__ */ createElement(
       "div",
       {
@@ -6616,7 +6626,7 @@
       },
       /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", { class: "padding-0" }, SplitModal(
         new State(SettingsLeftPane(settingsViewModel2)),
-        new State(/* @__PURE__ */ createElement("span", null, "settings")),
+        detailView,
         new State(""),
         false,
         settingsViewModel2.selectedModalPage
diff --git a/src/View/Modals/settingsModal.tsx b/src/View/Modals/settingsModal.tsx
index d4b62aa6..045d7861 100644
--- a/src/View/Modals/settingsModal.tsx
+++ b/src/View/Modals/settingsModal.tsx
@@ -7,6 +7,17 @@ import SettingsViewModel, {
 import { SplitModal } from "../Components/splitModal";
 
 export function SettingsModal(settingsViewModel: SettingsViewModel) {
+    const detailView = React.createProxyState([settingsViewModel.selectedModalPage], () => {
+        switch (settingsViewModel.selectedModalPage.value) {
+            case SettingsModalPages.Appearance: 
+                return <div>Appearance</div>
+            case SettingsModalPages.Regional: 
+                return <div>Regional</div>
+            case SettingsModalPages.Info: 
+                return <div>Info</div>
+        }
+    })
+
     return (
         <div
             class="modal"
@@ -16,7 +27,7 @@ export function SettingsModal(settingsViewModel: SettingsViewModel) {
                 <main class="padding-0">
                     {SplitModal(
                         new React.State(SettingsLeftPane(settingsViewModel)),
-                        new React.State(<span>settings</span>),
+                        detailView,
                         new React.State(""),
                         false,
                         settingsViewModel.selectedModalPage,