fix contact name in replies

src/View/Components/chatMessage.tsx

@@ -30,7 +30,7 @@ export function ChatMessage(
     return (
         <div
             class="message-bubble"
-            id={chatMessageViewModel.chatMessage.id}
+            id={chatMessageViewModel.chatMessage.fileId}
             toggle:sentbyuser={chatMessageViewModel.sentByUser}
             toggle:hidden={chatMessageViewModel.isHidden}
         >

src/View/Components/inlineReply.tsx

@@ -1,8 +1,9 @@
 import { ViewController } from "../viewController";
 import * as React from "../../react";
 import ChatMessageViewModel from "../../ViewModel/Chat/chatMessageViewModel";
+import {ContactViewModel} from "../../ViewModel/Global/contactViewModel";
 
-export function InlineReply(chatMessageViewModel: ChatMessageViewModel) {
+export function InlineReply(chatMessageViewModel: ChatMessageViewModel ) {
     const reply = chatMessageViewModel.inlineReply;
     if (reply == undefined) return <div></div>;
 
@@ -12,7 +13,7 @@ export function InlineReply(chatMessageViewModel: ChatMessageViewModel) {
 
     return (
         <div class="inline-reply" on:click={scroll}>
-            <span>{reply.senderId}</span>
+	    <span subscribe:innerText={reply.contact.name}></span>
             <b class="ellipsis" subscribe:innerText={reply.body}></b>
         </div>
     );

src/View/Components/replyPreview.tsx

@@ -7,24 +7,24 @@ export function ReplyPreview(
     chatMessageViewModel: ChatMessageViewModel,
 ) {
     return (
-        <div class="reply-preview">
-            <div class="surface blur">
-                <span class="secondary">{chatMessageViewModel.senderId}</span>
-                <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
-                }
-            >
-                <span class="icon">close</span>
-            </button>
-        </div>
+	<div class="reply-preview">
+	    <div class="surface blur">
+		<span class="secondary" subscribe:innerText={chatMessageViewModel.contact.name}></span>
+		<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
+		}
+	    >
+		<span class="icon">close</span>
+	    </button>
+	</div>
     );
 }