prepare backend for inline replies

src/Model/Chat/chatModel.ts

@@ -180,6 +180,7 @@ export default class ChatModel {
 
     sendMessage = async (
         body: string,
+        replyId?: string,
         fileContent?: FileContent<string>,
     ): Promise<boolean> => {
         const nameAndChannel = this.getNameAndChannel();
@@ -227,7 +228,7 @@ export default class ChatModel {
             content,
             isDeleting,
         );
-        this.sendMessage("", reaction);
+        this.sendMessage("", undefined, reaction);
         this.handleReaction(reaction);
     };
 
@@ -466,6 +467,7 @@ export interface ChatMessage extends ValidObject {
     readonly sender: string;
     body: string;
     readonly dateSent: string;
+    readonly inlineReplyId?: string;
 
     status: ChatMessageStatuses;
 

src/ViewModel/Pages/messagePageViewModel.ts

@@ -23,7 +23,8 @@ export default class MessagePageViewModel extends Context {
     reactionFilter = new React.State<ReactionSymbols | undefined>(undefined);
     isFilterActive: React.State<boolean>;
 
-    composingMessage: React.State<string> = new React.State("");
+    replyingMessageId = new React.State<string|undefined>(undefined)
+    composingMessage = new React.State<string>("");
 
     // guards
     cannotSendMessage: React.State<boolean>;
@@ -37,7 +38,8 @@ export default class MessagePageViewModel extends Context {
     };
 
     sendMessageFromBody = (body: string): void => {
-        this.chatViewModel.chatModel.sendMessage(body);
+        this.chatViewModel.chatModel.sendMessage(body, this.replyingMessageId.value);
+        this.replyingMessageId.value = undefined;
     };
 
     decryptMessage = async (