add encryption

src/View/ChatPages/messagePage.css

@@ -100,6 +100,10 @@
   font-weight: bold;
 }
 
+.message-bubble .body {
+  word-break: break-all;
+}
+
 .message-bubble[sentbyuser] {
   justify-content: flex-end;
 }

src/View/ChatPages/messagePage.tsx

@@ -18,7 +18,6 @@ export function MessagePage(chatViewModel: ChatViewModel) {
   );
 
   function scrollDown() {
-    console.log("down");
     messageContainer.scrollTop = messageContainer.scrollHeight;
   }
   function scrollDownIfApplicable() {

src/View/Components/chatMessage.tsx

@@ -9,12 +9,12 @@ export function ChatMessage(chatMessageViewModel: ChatMessageViewModel) {
       toggle:sentbyuser={chatMessageViewModel.sentByUser}
     >
       <div>
-        <span class="sender-name">{chatMessageViewModel.sender}</span>
+        <span class="sender-name ellipsis">{chatMessageViewModel.sender}</span>
         <span
           class="body"
           subscribe:innerText={chatMessageViewModel.body}
         ></span>
-        <span class="timestamp">{chatMessageViewModel.dateSent}</span>
+        <span class="timestamp ellipsis">{chatMessageViewModel.dateSent}</span>
       </div>
     </div>
   );
@@ -23,6 +23,5 @@ export function ChatMessage(chatMessageViewModel: ChatMessageViewModel) {
 export const ChatMessageViewModelToView: React.StateItemConverter<
   ChatMessageViewModel
 > = (chatMessageViewModel: ChatMessageViewModel) => {
-  console.log(chatMessageViewModel);
   return ChatMessage(chatMessageViewModel);
 };