cleanup

dist/index.js

@@ -2356,23 +2356,23 @@
 
   // src/View/chatPage.tsx
   function ChatPage(chatViewModel) {
-    const mainContent = new State(/* @__PURE__ */ createElement("div", null));
+    const mainContent = createProxyState(
-    chatViewModel.selectedPage.subscribe((selectedPage) => {
+      [chatViewModel.selectedPage],
-      chatViewModel.closeSubPages();
+      () => {
-      switch (selectedPage) {
+        chatViewModel.closeSubPages();
-        case "settings" /* Settings */: {
+        switch (chatViewModel.selectedPage.value) {
-          mainContent.value = SettingsPage(chatViewModel.settingsPageViewModel);
+          case "settings" /* Settings */: {
-          break;
+            return SettingsPage(chatViewModel.settingsPageViewModel);
-        }
+          }
-        case "tasks" /* Tasks */: {
+          case "tasks" /* Tasks */: {
-          mainContent.value = TaskPage(chatViewModel.taskPageViewModel);
+            return TaskPage(chatViewModel.taskPageViewModel);
-          break;
+          }
-        }
+          default: {
-        default: {
+            return MessagePage(chatViewModel.messagePageViewModel);
-          mainContent.value = MessagePage(chatViewModel.messagePageViewModel);
+          }
         }
       }
-    });
+    );
     return /* @__PURE__ */ createElement(
       "article",
       {

src/View/chatPage.tsx

@@ -11,25 +11,24 @@ import { TaskPage } from "./ChatPages/taskPage";
 import { translations } from "./translations";
 
 export function ChatPage(chatViewModel: ChatViewModel) {
-  const mainContent = new React.State(<div></div>);
+  const mainContent = React.createProxyState(
+    [chatViewModel.selectedPage],
+    () => {
+      chatViewModel.closeSubPages();
 
-  chatViewModel.selectedPage.subscribe((selectedPage) => {
+      switch (chatViewModel.selectedPage.value) {
-    chatViewModel.closeSubPages();
+        case ChatPageType.Settings: {
-
+          return SettingsPage(chatViewModel.settingsPageViewModel);
-    switch (selectedPage) {
+        }
-      case ChatPageType.Settings: {
+        case ChatPageType.Tasks: {
-        mainContent.value = SettingsPage(chatViewModel.settingsPageViewModel);
+          return TaskPage(chatViewModel.taskPageViewModel);
-        break;
+        }
-      }
+        default: {
-      case ChatPageType.Tasks: {
+          return MessagePage(chatViewModel.messagePageViewModel);
-        mainContent.value = TaskPage(chatViewModel.taskPageViewModel);
+        }
-        break;
-      }
-      default: {
-        mainContent.value = MessagePage(chatViewModel.messagePageViewModel);
       }
     }
-  });
+  );
 
   return (
     <article