add basic thread view

2024-07-21 01:12:35 +02:00
parent 611b876509
commit c97b38dcd6
13 changed files with 359 additions and 87 deletions
@@ -0,0 +1,22 @@
+import * as React from "bloatless-react";
+
+import ChatMessageViewModel from "../../Model/chatMessageViewModel";
+
+export function ChatMessage(chatMessageViewModel: ChatMessageViewModel) {
+  return (
+    <div class="tile flex-no">
+      <div>
+        <span>{chatMessageViewModel.sender}</span>
+        <b subscribe:innerText={chatMessageViewModel.body}></b>
+        <span>{chatMessageViewModel.dateSent}</span>
+      </div>
+    </div>
+  );
+}
+
+export const ChatMessageViewModelToView: React.StateItemConverter<
+  ChatMessageViewModel
+> = (chatMessageViewModel: ChatMessageViewModel) => {
+  console.log(chatMessageViewModel);
+  return ChatMessage(chatMessageViewModel);
+};