improve messagePage

2024-07-21 01:53:25 +02:00
parent c97b38dcd6
commit 727c80191c
7 changed files with 207 additions and 31 deletions
@@ -4,11 +4,17 @@ import ChatMessageViewModel from "../../Model/chatMessageViewModel";

 export function ChatMessage(chatMessageViewModel: ChatMessageViewModel) {
  return (
-    <div class="tile flex-no">
+    <div
+      class="message-bubble"
+      toggle:sentbyuser={chatMessageViewModel.sentByUser}
+    >
      <div>
-        <span>{chatMessageViewModel.sender}</span>
-        <b subscribe:innerText={chatMessageViewModel.body}></b>
-        <span>{chatMessageViewModel.dateSent}</span>
+        <span class="sender-name">{chatMessageViewModel.sender}</span>
+        <span
+          class="body"
+          subscribe:innerText={chatMessageViewModel.body}
+        ></span>
+        <span class="timestamp">{chatMessageViewModel.dateSent}</span>
      </div>
    </div>
  );