remodel ChatViewModel

src/View/Components/chatEntry.tsx

@@ -6,12 +6,18 @@ import ChatViewModel from "../../ViewModel/Chat/chatViewModel";
 
 export function ChatEntry(chatViewModel: ChatViewModel) {
   const view = (
-    <button set:color={chatViewModel.color} class="chat-entry tile" on:click={chatViewModel.open}>
+    <button
+      set:color={chatViewModel.settingsPageViewModel.color}
+      class="chat-entry tile"
+      on:click={chatViewModel.open}
+    >
       <span
         class="shadow"
-        subscribe:innerText={chatViewModel.primaryChannel}
+        subscribe:innerText={chatViewModel.settingsPageViewModel.primaryChannel}
       ></span>
-      <h2 subscribe:innerText={chatViewModel.primaryChannel}></h2>
+      <h2
+        subscribe:innerText={chatViewModel.settingsPageViewModel.primaryChannel}
+      ></h2>
     </button>
   );
 

src/View/Components/chatMessageInfoModal.tsx

@@ -1,6 +1,6 @@
 import * as React from "bloatless-react";
 
-import ChatMessageViewModel from "../../Model/chatMessageViewModel";
+import ChatMessageViewModel from "../../ViewModel/Chat/chatMessageViewModel";
 import { translations } from "../translations";
 
 export function ChatMessageInfoModal(

src/View/Components/chatViewToggleButton.tsx

@@ -1,6 +1,6 @@
 import * as React from "bloatless-react";
 
-import ChatViewModel, { ChatPageType } from "../../ViewModel/chatViewModel";
+import ChatViewModel, { ChatPageType } from "../../ViewModel/Chat/chatViewModel";
 
 export function ChatViewToggleButton(
   label: string,