From f547766ae3352f52c21c4cd727d4dfe8c1d5dae0 Mon Sep 17 00:00:00 2001
From: Justin Ferrari <‘justinwesleyferrari@gmail.com’>
Date: Sat, 14 Jan 2023 20:15:32 -0500
Subject: [PATCH] Fixed redirect bug + added scrollbar to chatheads

---
 .../core/messaging/q-chat/q-chat-css.src.js     | 17 +++++++++++++++++
 .../plugins/core/messaging/q-chat/q-chat.src.js | 14 +++++++++++---
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat-css.src.js b/qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat-css.src.js
index 3abb7c24..bb8cec28 100644
--- a/qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat-css.src.js
+++ b/qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat-css.src.js
@@ -193,6 +193,23 @@ export const qchatStyles = css`
       overflow-x: hidden;     
   }
 
+    .people-list ul::-webkit-scrollbar-track {
+        background-color: whitesmoke;
+        border-radius: 7px;
+    }
+
+    .people-list ul::-webkit-scrollbar {
+        width: 6px;
+        border-radius: 7px;
+        background-color: whitesmoke;
+    }
+
+    .people-list ul::-webkit-scrollbar-thumb {
+        background-color: rgb(180, 176, 176);
+        border-radius: 7px;
+        transition: all 0.3s ease-in-out;
+    }
+    
   .chat {
       width: 80vw;
       height: 100vh;
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 920c56bf..84336cea 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
@@ -97,6 +97,8 @@ class Chat extends LitElement {
     }   
 
     render() {
+        console.log(12, "q-chat here");
+        console.log(window.location.href);
         return html`
             <div class="container clearfix">
                 <div class="people-list" id="people-list">
@@ -112,12 +114,14 @@ class Chat extends LitElement {
                     </ul>
                     <div class="blockedusers">
                         <div class="groups-button-container">
-                            <a href="/app/group-management">
-                                <button class="groups-button">
+                                <button 
+                                    @click=${() => {
+                                        this.redirectToGroups();
+                                        }}
+                                    class="groups-button">
                                     <mwc-icon>groups</mwc-icon>
                                     ${translate("sidemenu.groupmanagement")}
                                 </button>
-                            </a>
                             ${this.groupInvites.length > 0 ? (
                                 html`                                
                                 <div class="groups-button-notif">
@@ -463,6 +467,10 @@ class Chat extends LitElement {
         }
     }
 
+    redirectToGroups() {
+        window.location.href = `../../group-management/index.html`
+    }
+
     setChatEditor(editor) {
         this.chatEditor = editor;
     }