cleanup

dist/index.js

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