improve keystrokes, cleanup

src/View/Components/boardEntry.tsx

@@ -1,7 +1,7 @@
 import * as React from "bloatless-react";
 
 import BoardViewModel from "../../ViewModel/Pages/boardViewModel";
-import { allowDrop } from "../utility";
+import { ViewController } from "../viewController";
 
 export function BoardEntry(boardViewModel: BoardViewModel) {
     const view = (
@@ -10,7 +10,7 @@ export function BoardEntry(boardViewModel: BoardViewModel) {
             class="tile colored-tile"
             toggle:selected={boardViewModel.isSelected}
             on:click={boardViewModel.select}
-            on:dragover={allowDrop}
+            on:dragover={ViewController.allowDrop}
             on:drop={boardViewModel.handleDropBetweenBoards}
         >
             <span

src/View/Components/chatMessage.tsx

@@ -12,8 +12,7 @@ export function ChatMessage(
     coreViewModel: CoreViewModel,
     chatMessageViewModel: ChatMessageViewModel,
 ) {
-    const persistenceId = chatMessageViewModel.chatMessage.id;
-    const statusIcon = ViewController.messageIcons.setItems(persistenceId, () => React.createProxyState(
+    const statusIcon = React.createProxyState(
         [chatMessageViewModel.status],
         () => {
             switch (chatMessageViewModel.status.value) {
@@ -26,8 +25,8 @@ export function ChatMessage(
                 default:
                     return "warning";
             }
-        }
-    ));
+        },
+    );
 
     return (
         <div

src/View/Components/inlineReply.tsx

@@ -4,15 +4,13 @@ import ChatMessageViewModel from "../../ViewModel/Chat/chatMessageViewModel";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";
 import { ViewController } from "../viewController";
 
-export function InlineReply (
-    chatMessageViewModel: ChatMessageViewModel,
-) {
+export function InlineReply(chatMessageViewModel: ChatMessageViewModel) {
     const reply = chatMessageViewModel.inlineReply;
-    if (reply == undefined) return <div></div>
+    if (reply == undefined) return <div></div>;
 
     const scroll = () => {
         ViewController.scrollToView(reply.chatMessage.id);
-    }
+    };
 
     return (
         <div class="inline-reply" on:click={scroll}>

src/View/Components/monthGrid.tsx

@@ -3,9 +3,9 @@ import "./monthGrid.css";
 import * as React from "bloatless-react";
 import { MonthGrid } from "../../Model/Files/calendarModel";
 import TaskViewModel from "../../ViewModel/Pages/taskViewModel";
-import { allowDrop } from "../utility";
 import { localeCompare } from "../../Model/Utility/utility";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";
+import { ViewController } from "../viewController";
 
 export function MonthGrid<T>(
     coreViewModel: CoreViewModel,
@@ -93,7 +93,7 @@ export function MonthGrid<T>(
                                 on:click={select}
                                 toggle:selected={isSelected}
                                 toggle:today={isToday}
-                                on:dragover={allowDrop}
+                                on:dragover={ViewController.allowDrop}
                                 on:drop={drop}
                             >
                                 <div>

src/View/Components/replyPreview.tsx

@@ -11,12 +11,18 @@ export function ReplyPreview(
         <div class="reply-preview">
             <div class="surface blur">
                 <span class="secondary">{chatMessageViewModel.sender}</span>
-                <b class="ellipsis" subscribe:innerText={chatMessageViewModel.body}></b>
+                <b
+                    class="ellipsis"
+                    subscribe:innerText={chatMessageViewModel.body}
+                ></b>
             </div>
             <button
                 class="standard square blur"
                 on:click={chatMessageViewModel.cancelReply}
-                aria-label={coreViewModel.translations.chatPage.message.cancelReplyAudioLabel}
+                aria-label={
+                    coreViewModel.translations.chatPage.message
+                        .cancelReplyAudioLabel
+                }
             >
                 <span class="icon">close</span>
             </button>