implement navigation in settings

2026-04-09 08:35:14 +00:00
parent 5a29d339f2
commit 3b00395036
2 changed files with 23 additions and 2 deletions
@@ -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,