From 3105fbde132094cc7057482f6d606199fda58c32 Mon Sep 17 00:00:00 2001
From: Phillip Lang Martinez <philliplangmartinez@gmail.com>
Date: Fri, 9 Dec 2022 22:45:19 -0500
Subject: [PATCH] scroll down when switching chat

---
 qortal-ui-plugins/plugins/core/components/ChatPage.js       | 1 +
 qortal-ui-plugins/plugins/core/components/ChatScroller.js   | 6 +++++-
 .../plugins/core/messaging/q-chat/q-chat.src.js             | 4 +++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/qortal-ui-plugins/plugins/core/components/ChatPage.js b/qortal-ui-plugins/plugins/core/components/ChatPage.js
index 09f40b0b..07b6c9ea 100644
--- a/qortal-ui-plugins/plugins/core/components/ChatPage.js
+++ b/qortal-ui-plugins/plugins/core/components/ChatPage.js
@@ -876,6 +876,7 @@ class ChatPage extends LitElement {
     renderChatScroller() {
         return html`
         <chat-scroller 
+        chatId=${this.chatId}
         .messages=${this.messagesRendered} 
         .escapeHTML=${escape} 
         .getOldMessage=${this.getOldMessage}
diff --git a/qortal-ui-plugins/plugins/core/components/ChatScroller.js b/qortal-ui-plugins/plugins/core/components/ChatScroller.js
index 05ad663b..2893b3a5 100644
--- a/qortal-ui-plugins/plugins/core/components/ChatScroller.js
+++ b/qortal-ui-plugins/plugins/core/components/ChatScroller.js
@@ -33,7 +33,8 @@ class ChatScroller extends LitElement {
             showLastMessageRefScroller: { type: Function },
             emojiPicker: { attribute: false },
             isLoadingMessages: { type: Boolean},
-            setIsLoadingMessages: {attribute: false}
+            setIsLoadingMessages: {attribute: false},
+            chatId: { type: String }
         }
     }
 
@@ -112,6 +113,9 @@ class ChatScroller extends LitElement {
         if(changedProperties.has('isLoadingMessages')){
             return true
         }
+        if(changedProperties.has('chatId') && changedProperties.get('chatId')){
+            return true
+        }
         // Only update element if prop1 changed.
         return changedProperties.has('messages');
       }
diff --git a/qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat.src.js b/qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat.src.js
index aa4daf8d..d05083d3 100644
--- a/qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat.src.js
+++ b/qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat.src.js
@@ -330,7 +330,9 @@ class Chat extends LitElement {
    
     }
 
-    setActiveChatHeadUrl(url){
+  async  setActiveChatHeadUrl(url){
+        this.activeChatHeadUrl = ''
+        await this.updateComplete;
         this.activeChatHeadUrl = url
     }