From 6198c545d54e9a382d67a7faa6d13398e99b042b Mon Sep 17 00:00:00 2001
From: Pascal <pascal@debian.pascallim>
Date: Tue, 7 Jan 2025 17:57:31 +0100
Subject: [PATCH] process_to_emoji_ok

---
 src/pages/chat/chat.ts | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts
index 5338c01..2fb7ebc 100755
--- a/src/pages/chat/chat.ts
+++ b/src/pages/chat/chat.ts
@@ -18,6 +18,8 @@ import { Member } from '../../interface/memberInterface';
 import { Group } from '../../interface/groupInterface';
 import { getCorrectDOM } from '../../utils/document.utils';
 import chatStyle from '../../../public/style/chat.css?inline';
+import { addressToEmoji } from '../../utils/sp-address.utils';
+
 
 
 let currentUser: Member = membersMock[0]; 
@@ -415,10 +417,9 @@ class ChatElement extends HTMLElement {
             return;
         }
 
-        // Vider la liste existante
         groupList.innerHTML = '';
 
-        // Créer l'élément pour le processus de messaging
+       
         const li = document.createElement('li');
         li.className = 'group-list-item';
         li.setAttribute('data-process-id', processId);
@@ -426,11 +427,22 @@ class ChatElement extends HTMLElement {
         const container = document.createElement('div');
         container.className = 'group-item-container';
         
+        // Créer un span pour les emojis
+        const emojiSpan = document.createElement('span');
+        emojiSpan.className = 'process-emoji';
+        
+        // Créer un span pour le nom du processus
         const nameSpan = document.createElement('span');
-        nameSpan.textContent = `Messaging Process ${processId}`;
+        nameSpan.textContent = `Process : `;
         nameSpan.className = 'process-name';
         
+        // Ajouter les emojis de l'adresse
+        addressToEmoji(processId).then(emojis => {
+            emojiSpan.textContent = emojis;
+        });
+        
         container.appendChild(nameSpan);
+        container.appendChild(emojiSpan);
         li.appendChild(container);
         groupList.appendChild(li);
         
@@ -590,15 +602,24 @@ class ChatElement extends HTMLElement {
         const container = document.createElement('div');
         container.className = 'group-item-container';
         
-        // Span pour le nom du processus
+        // Créer un span pour les emojis
+        const emojiSpan = document.createElement('span');
+        emojiSpan.className = 'process-emoji';
+        
+        // Créer un span pour le nom du processus
         const nameSpan = document.createElement('span');
         nameSpan.textContent = processName;
         nameSpan.className = 'process-name';
         
-        // Assembler les éléments
+        // Ajouter les emojis de l'adresse
+        addressToEmoji(processId).then(emojis => {
+            emojiSpan.textContent = emojis;
+        });
+        
+        container.appendChild(emojiSpan);
         container.appendChild(nameSpan);
         li.appendChild(container);
-
+        
         // Créer la liste des rôles
         const roleList = document.createElement('ul');
         roleList.className = 'role-list';