cleanup

src/ViewModel/chatMessageViewModel.ts

@@ -0,0 +1,55 @@
+// this file is responsible for managing individual chat messages.
+
+import * as React from "bloatless-react";
+
+import { ChatMessage, ChatMessageStatus } from "../Model/chatModel";
+
+import ChatViewModel from "./chatViewModel";
+
+export default class ChatMessageViewModel {
+  chatViewModel: ChatViewModel;
+
+  // data
+  chatMessage: ChatMessage;
+  channel: string;
+  sender: string;
+  dateSent: string;
+  body: React.State<string> = new React.State("");
+  status: React.State<ChatMessageStatus | any> = new React.State<
+    ChatMessageStatus | undefined
+  >(undefined);
+  sentByUser: boolean;
+
+  // methods
+  copyMessage = (): void => {
+    navigator.clipboard.writeText(this.body.value);
+  };
+  resendMessage = (): void => {
+    this.chatViewModel.sendMessageFromBody(this.body.value);
+  };
+  decryptMessage = (): void => {
+    this.chatViewModel.decryptMessage(this);
+  };
+
+  // load
+  loadData = (): void => {
+    this.channel = this.chatMessage.channel;
+    this.sender = this.chatMessage.sender;
+    this.dateSent = new Date(this.chatMessage.dateSent).toLocaleString();
+    this.body.value = this.chatMessage.body;
+    this.status.value = this.chatMessage.status;
+  };
+
+  // init
+  constructor(
+    chatViewModel: ChatViewModel,
+    chatMessage: ChatMessage,
+    sentByUser: boolean
+  ) {
+    this.chatViewModel = chatViewModel;
+
+    this.chatMessage = chatMessage;
+    this.sentByUser = sentByUser;
+    this.loadData();
+  }
+}