improve ui

dist/index.js

@@ -386,9 +386,10 @@
           this.primaryChannel,
           this.composingMessage,
           this.isSubscribed,
-          isConnected
+          isConnected,
+          senderName
         ],
-        () => this.primaryChannel.value == "" || this.composingMessage.value == "" || this.isSubscribed.value == false || isConnected.value == false
+        () => this.primaryChannel.value == "" || this.composingMessage.value == "" || senderName.value == "" || this.isSubscribed.value == false || isConnected.value == false
       );
       this.cannotAddSecondaryChannel = createProxyState(
         [this.newSecondaryChannelName],
@@ -919,6 +920,7 @@
       if (scrollFromBottom > 400) return;
       listElement.scrollTop = listElement.scrollHeight;
     });
+    setTimeout(() => listElement.scrollTop = listElement.scrollHeight, 50);
     return listElement;
   }
 

src/Model/chatModel.ts

@@ -67,10 +67,12 @@ export class Chat {
         this.composingMessage,
         this.isSubscribed,
         isConnected,
+        senderName,
       ],
       () =>
         this.primaryChannel.value == "" ||
         this.composingMessage.value == "" ||
+        senderName.value == "" ||
         this.isSubscribed.value == false ||
         isConnected.value == false
     );

src/Views/threadView.tsx

@@ -70,8 +70,9 @@ export function ThreadView(chat: Chat) {
       listElement.scrollHeight -
       (listElement.scrollTop + listElement.offsetHeight);
     if (scrollFromBottom > 400) return;
-    
+
     listElement.scrollTop = listElement.scrollHeight;
   });
+  setTimeout(() => (listElement.scrollTop = listElement.scrollHeight), 50);
   return listElement;
 }