move translations to CoreVM, move models to CoreVM for sentralization

src/View/Modals/chatMessageInfoModal.tsx

@@ -1,11 +1,12 @@
 import * as React from "bloatless-react";
 
 import ChatMessageViewModel from "../../ViewModel/Chat/chatMessageViewModel";
-import { translations } from "../translations";
 import { MessageReactionButtonRow } from "../Components/messageReactionButtonRow";
 import { InfoTile } from "../Components/infoTile";
+import CoreViewModel from "../../ViewModel/Global/coreViewModel";
 
 export function ChatMessageInfoModal(
+    coreViewModel: CoreViewModel,
     chatMessageViewModel: ChatMessageViewModel,
 ) {
     return (
@@ -15,27 +16,34 @@ export function ChatMessageInfoModal(
         >
             <div>
                 <main>
-                    <h2>{translations.chatPage.message.messageInfoHeadline}</h2>
+                    <h2>
+                        {
+                            coreViewModel.translations.chatPage.message
+                                .messageInfoHeadline
+                        }
+                    </h2>
 
                     <div class="flex-column gap">
                         {InfoTile(
                             "account_circle",
-                            translations.chatPage.message.sentBy,
+                            coreViewModel.translations.chatPage.message.sentBy,
                             chatMessageViewModel.sender,
                         )}
                         {InfoTile(
                             "schedule",
-                            translations.chatPage.message.timeSent,
+                            coreViewModel.translations.chatPage.message
+                                .timeSent,
                             chatMessageViewModel.dateSent,
                         )}
                         {InfoTile(
                             "forum",
-                            translations.chatPage.message.channel,
+                            coreViewModel.translations.chatPage.message.channel,
                             chatMessageViewModel.channel,
                         )}
                         {InfoTile(
                             "description",
-                            translations.chatPage.message.messageContent,
+                            coreViewModel.translations.chatPage.message
+                                .messageContent,
                             chatMessageViewModel.body,
                         )}
                     </div>
@@ -44,25 +52,37 @@ export function ChatMessageInfoModal(
 
                     <div class="flex-column gap">
                         <button on:click={chatMessageViewModel.copyMessage}>
-                            {translations.chatPage.message.copyMessageButton}
+                            {
+                                coreViewModel.translations.chatPage.message
+                                    .copyMessageButton
+                            }
                             <span class="icon">content_copy</span>
                         </button>
                         <button on:click={chatMessageViewModel.resendMessage}>
-                            {translations.chatPage.message.resendMessageButton}
+                            {
+                                coreViewModel.translations.chatPage.message
+                                    .resendMessageButton
+                            }
                             <span class="icon">redo</span>
                         </button>
                         <button on:click={chatMessageViewModel.decryptMessage}>
-                            {translations.chatPage.message.decryptMessageButton}
+                            {
+                                coreViewModel.translations.chatPage.message
+                                    .decryptMessageButton
+                            }
                             <span class="icon">key</span>
                         </button>
                     </div>
 
                     <hr></hr>
 
-                    {MessageReactionButtonRow(chatMessageViewModel)}
+                    {MessageReactionButtonRow(
+                        coreViewModel,
+                        chatMessageViewModel,
+                    )}
                 </main>
                 <button on:click={chatMessageViewModel.hideInfoModal}>
-                    {translations.general.closeButton}
+                    {coreViewModel.translations.general.closeButton}
                     <span class="icon">close</span>
                 </button>
             </div>