reorganize

src/Tabs/messageTab.tsx

@@ -2,10 +2,10 @@ import * as React from "bloatless-react";
 
 import { closeChatView, isShowingChatTools, selectedChat, toggleChatTools } from "../Model/model";
 
-import { ChatOptionModal } from "../Views/chatOptionModal";
-import { ChatToolView } from "../Views/chatToolView";
-import { MessageComposer } from "../Views/messageComposer";
-import { ThreadView } from "../Views/threadView";
+import { ChatOptionModal } from "../Views/Chat/chatOptionModal";
+import { ChatToolView } from "../Views/Chat/chatToolView";
+import { MessageComposer } from "../Views/Chat/messageComposer";
+import { ThreadView } from "../Views/Chat/threadView";
 import { translation } from "../translations";
 
 export function MessageTab() {

src/Tabs/overviewTab.tsx

@@ -2,9 +2,9 @@ import * as React from "bloatless-react";
 
 import { isConnected, isEncryptionAvailable } from "../Model/model";
 
-import { ChatListSection } from "../Views/chatListSection";
-import { ConnectionSection } from "../Views/connectionSection";
-import { PersonalSection } from "../Views/personalSection";
+import { ChatListSection } from "../Views/Overview/chatListSection";
+import { ConnectionSection } from "../Views/Overview/connectionSection";
+import { PersonalSection } from "../Views/Overview/personalSection";
 import { translation } from "../translations";
 
 export function OverviewTab() {

src/Views/Chat/chatOptionModal.tsx

@@ -1,8 +1,8 @@
 import * as React from "bloatless-react";
 
-import { Chat } from "../Model/chatModel";
-import { closeChatView } from "../Model/model";
-import { translation } from "../translations";
+import { Chat } from "../../Model/chatModel";
+import { closeChatView } from "../../Model/model";
+import { translation } from "../../translations";
 
 export function ChatOptionModal(chat: Chat, isPresented: React.State<boolean>) {
   function closeModal() {

src/Views/Chat/chatToolView.tsx

@@ -1,8 +1,8 @@
 import * as React from "bloatless-react";
 
-import { Chat, Item } from "../Model/chatModel";
+import { Chat, Item } from "../../Model/chatModel";
 
-import { translation } from "../translations";
+import { translation } from "../../translations";
 
 export function ChatToolView(chat: Chat) {
   function createItem() {

src/Views/Chat/messageComposer.tsx

@@ -1,7 +1,7 @@
 import * as React from "bloatless-react";
 
-import { Chat } from "../Model/chatModel";
-import { translation } from "../translations";
+import { Chat } from "../../Model/chatModel";
+import { translation } from "../../translations";
 
 export function MessageComposer(chat: Chat) {
   return (

src/Views/Chat/threadView.tsx

@@ -1,9 +1,9 @@
 import * as React from "bloatless-react";
 
-import { Chat, ChatMessage } from "../Model/chatModel";
+import { Chat, ChatMessage } from "../../Model/chatModel";
 
-import { isShowingChatTools } from "../Model/model";
-import { translation } from "../translations";
+import { isShowingChatTools } from "../../Model/model";
+import { translation } from "../../translations";
 
 export function ThreadView(chat: Chat) {
   const messageConverter: React.StateItemConverter<ChatMessage> = (message) => {

src/Views/Overview/chatListSection.tsx

@@ -7,10 +7,10 @@ import {
   newChatName,
   selectChat,
   selectedChat,
-} from "../Model/model";
+} from "../../Model/model";
 
-import { Chat } from "../Model/chatModel";
-import { translation } from "../translations";
+import { Chat } from "../../Model/chatModel";
+import { translation } from "../../translations";
 
 const chatConverter: React.StateItemConverter<Chat> = (chat) => {
   function select() {

src/Views/Overview/connectionSection.tsx

@@ -13,9 +13,9 @@ import {
   requestMailbox,
   resetAddressInput,
   serverAddressInput,
-} from "../Model/model";
+} from "../../Model/model";
 
-import { translation } from "../translations";
+import { translation } from "../../translations";
 
 const addressConverter: React.StateItemConverter<string> = (address) => {
   return <option>{address}</option>;

src/Views/Overview/personalSection.tsx

@@ -1,7 +1,7 @@
 import * as React from "bloatless-react";
 
-import { senderName } from "../Model/model";
-import { translation } from "../translations";
+import { senderName } from "../../Model/model";
+import { translation } from "../../translations";
 
 export function PersonalSection() {
   return (