From e584f41aca78c05f8230b0fd161123e023f85f01 Mon Sep 17 00:00:00 2001
From: Pascal <pascal@debian.pascallim>
Date: Mon, 20 Jan 2025 16:30:36 +0100
Subject: [PATCH] load_all_members_css_KO

---
 src/pages/chat/chat.ts | 42 +++++++++++++++++++++++++++++++++++++-----
 1 file changed, 37 insertions(+), 5 deletions(-)

diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts
index 939b396..0fd8ab6 100755
--- a/src/pages/chat/chat.ts
+++ b/src/pages/chat/chat.ts
@@ -365,9 +365,43 @@ class ChatElement extends HTMLElement {
     }
 
     private async loadAllMembers() {
+        console.log('🎯 Loading all members');
+        const groupList = this.shadowRoot?.querySelector('#group-list');
+        if (!groupList) return;
+
         const service = await Services.getInstance();
-        const members = service.getAllMembers();
-        console.log('🎯 Members:', members);
+        const members = await service.getAllMembers();
+
+        const memberList = document.createElement('div');
+        memberList.className = 'member-list active';
+
+        for (const memberAddress of members) { 
+            const memberItem = document.createElement('div');
+            memberItem.className = 'member-item';
+            
+            const memberContainer = document.createElement('div');
+            memberContainer.className = 'member-container';
+
+            const emojiSpan = document.createElement('span');
+            emojiSpan.className = 'member-emoji';
+            
+            const emojis = await addressToEmoji(memberAddress);
+            emojiSpan.textContent = `Member : ${emojis}`;
+
+            memberContainer.appendChild(emojiSpan);
+            memberItem.appendChild(memberContainer);
+            memberList.appendChild(memberItem);
+
+            memberItem.addEventListener('click', async () => {
+                try {
+                    await this.loadMemberChat([memberAddress]);
+                } catch (error) {
+                    console.error('Error loading member chat:', error);
+                }
+            });
+        }
+
+        groupList.appendChild(memberList);
     }
      
     private async loadMemberChat(member: string[]) {
@@ -593,7 +627,7 @@ class ChatElement extends HTMLElement {
                     console.log('🎭 Selected role:', this.selectedRole);
                     
                     try {
-                        await this.loadMemberChat(member.sp_addresses);
+                        await this.loadMemberChat([member.sp_addresses]);
                     } catch (error) {
                         console.error('❌ Error handling member click:', error);
                     }
@@ -1173,8 +1207,6 @@ class ChatElement extends HTMLElement {
         }
     }
 
-    
-
 }
 
 customElements.define('chat-element', ChatElement);