implement display of sender name in chat

src/View/Components/chatMessage.tsx

@@ -38,7 +38,7 @@ export function ChatMessage(
             <div class="main tile">
                 <div class="text-container">
                     <span class="sender-name ellipsis">
-                        {chatMessageViewModel.sender}
+                        {chatMessageViewModel.senderName}
                     </span>
                     <span
                         class="body"

src/View/Components/inlineReply.tsx

@@ -12,7 +12,7 @@ export function InlineReply(chatMessageViewModel: ChatMessageViewModel) {
 
     return (
         <div class="inline-reply" on:click={scroll}>
-            <span>{reply.sender}</span>
+            <span>{reply.senderId}</span>
             <b class="ellipsis" subscribe:innerText={reply.body}></b>
         </div>
     );

src/View/Components/replyPreview.tsx

@@ -9,7 +9,7 @@ export function ReplyPreview(
     return (
         <div class="reply-preview">
             <div class="surface blur">
-                <span class="secondary">{chatMessageViewModel.sender}</span>
+                <span class="secondary">{chatMessageViewModel.senderId}</span>
                 <b
                     class="ellipsis"
                     subscribe:innerText={chatMessageViewModel.body}

src/View/Components/replyViewHeader.tsx

@@ -18,7 +18,7 @@ export function ReplyViewHeader(
                 ? ""
                 : coreViewModel.translations.chatPage.message.replyHeaderLabel(
                       messagePageViewModel.replyViewSelectedMessage.value
-                          .sender,
+                          .senderId,
                   ),
     );
     const message = React.createProxyState(

src/View/Modals/chatMessageInfoModal.tsx

@@ -27,7 +27,7 @@ export function ChatMessageInfoModal(
                         {InfoTile(
                             "account_circle",
                             coreViewModel.translations.chatPage.message.sentBy,
-                            chatMessageViewModel.sender,
+                            chatMessageViewModel.senderId,
                         )}
                         {InfoTile(
                             "schedule",