From 453eba9a813c01ee75f900807915e5e54317f771 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Wed, 14 May 2025 16:14:18 +0530
Subject: [PATCH] feat: conditionally show typing indicator

---
 app/javascript/ui/MessageList.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/javascript/ui/MessageList.vue b/app/javascript/ui/MessageList.vue
index 332fcd8ee..7bd99c6e7 100644
--- a/app/javascript/ui/MessageList.vue
+++ b/app/javascript/ui/MessageList.vue
@@ -127,12 +127,14 @@ const sendMessage = async () => {
       ref="messageListRef"
       class="px-4 pt-4 flex flex-col-reverse pb-32 bg-n-background h-screen overflow-scroll"
     >
-      <div id="conversationFooter" class="my-2 py-2 flex items-center w-full">
+      <div
+        v-if="isAnyoneTyping"
+        id="conversationFooter"
+        class="my-2 py-2 flex items-center w-full"
+      >
         <div
-          v-if="isAnyoneTyping"
           class="flex py-2 px-4 shadow-md rounded-full bg-white dark:bg-slate-700 text-n-slate-11 text-xs font-semibold mx-auto items-center gap-1"
         >
-          {{ typingUserList }}
           {{ typingUserNames }}
           <TypingIndicator class="text-n-slate-9" />
         </div>