From 50f782908d001033e607a7c3e18092d79f166b0a Mon Sep 17 00:00:00 2001
From: NicolasCantu <nicolas.cantu@pm.me>
Date: Wed, 22 Oct 2025 15:41:24 +0200
Subject: [PATCH] fix: Suppression du message redondant et correction de
 l'erreur populateMemberSelect
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Suppression du message 'You are creating a new pairing session' redondant
- Suppression de l'appel à populateMemberSelect() qui cherchait un élément inexistant
- Interface plus épurée et sans erreurs de console
---
 src/pages/home/home.html      |  9 ++++-----
 src/pages/home/home.ts        | 31 ++++++++++++++-----------------
 src/services/service.ts       | 24 ++++++++++++------------
 src/utils/sp-address.utils.ts |  2 +-
 4 files changed, 31 insertions(+), 35 deletions(-)

diff --git a/src/pages/home/home.html b/src/pages/home/home.html
index 76da97b..c7b9c0a 100755
--- a/src/pages/home/home.html
+++ b/src/pages/home/home.html
@@ -5,11 +5,10 @@
 
 <div class="pairing-container">
   <!-- Creator Flow -->
-  <div id="creator-flow" class="card pairing-card" style="display: none;">
-    <div class="card-header">
-      <h2>🔐 Create New Pairing</h2>
-      <p class="card-description">You are creating a new pairing session</p>
-    </div>
+         <div id="creator-flow" class="card pairing-card" style="display: none;">
+           <div class="card-header">
+             <h2>🔐 Create New Pairing</h2>
+           </div>
 
     <div class="pairing-request"></div>
 
diff --git a/src/pages/home/home.ts b/src/pages/home/home.ts
index 4ef3d49..3382c41 100755
--- a/src/pages/home/home.ts
+++ b/src/pages/home/home.ts
@@ -10,7 +10,7 @@ import { navigate, registerAllListeners } from '../../router';
 function showHomeLoadingSpinner(message: string = 'Loading...') {
   // Remove existing spinner if any
   hideHomeLoadingSpinner();
-  
+
   // Create spinner overlay
   const overlay = document.createElement('div');
   overlay.id = 'home-loading-overlay';
@@ -28,7 +28,7 @@ function showHomeLoadingSpinner(message: string = 'Loading...') {
     z-index: 9998;
     backdrop-filter: blur(3px);
   `;
-  
+
   // Create spinner content
   const spinnerContent = document.createElement('div');
   spinnerContent.style.cssText = `
@@ -41,7 +41,7 @@ function showHomeLoadingSpinner(message: string = 'Loading...') {
     max-width: 350px;
     width: 90%;
   `;
-  
+
   // Create spinner
   const spinner = document.createElement('div');
   spinner.style.cssText = `
@@ -53,7 +53,7 @@ function showHomeLoadingSpinner(message: string = 'Loading...') {
     animation: spin 1s linear infinite;
     margin: 0 auto 15px auto;
   `;
-  
+
   // Create message
   const messageEl = document.createElement('div');
   messageEl.textContent = message;
@@ -62,7 +62,7 @@ function showHomeLoadingSpinner(message: string = 'Loading...') {
     color: #3a506b;
     font-weight: 500;
   `;
-  
+
   // Add CSS animation if not already present
   if (!document.getElementById('home-spinner-styles')) {
     const style = document.createElement('style');
@@ -75,12 +75,12 @@ function showHomeLoadingSpinner(message: string = 'Loading...') {
     `;
     document.head.appendChild(style);
   }
-  
+
   // Assemble spinner
   spinnerContent.appendChild(spinner);
   spinnerContent.appendChild(messageEl);
   overlay.appendChild(spinnerContent);
-  
+
   // Add to document
   document.body.appendChild(overlay);
 }
@@ -95,10 +95,10 @@ function hideHomeLoadingSpinner() {
 export { QrScannerComponent };
 export async function initHomePage(): Promise<void> {
   console.log('INIT-HOME');
-  
+
   // Show loading spinner during home page initialization
   showHomeLoadingSpinner('Initializing pairing interface...');
-  
+
   const container = getCorrectDOM('login-4nk-component') as HTMLElement;
   container.querySelectorAll('.tab').forEach((tab) => {
     addSubscription(tab, 'click', () => {
@@ -116,7 +116,7 @@ export async function initHomePage(): Promise<void> {
     // generateQRCode(spAddress);
     generateCreateBtn();
     displayEmojis(spAddress);
-    
+
     // Hide loading spinner after initialization
     hideHomeLoadingSpinner();
   } catch (error) {
@@ -124,9 +124,6 @@ export async function initHomePage(): Promise<void> {
     hideHomeLoadingSpinner();
     throw error;
   }
-  
-  // Add this line to populate the select when the page loads
-  await populateMemberSelect();
 }
 
 //// Modal
@@ -153,7 +150,7 @@ function scanDevice() {
 async function populateMemberSelect() {
   const container = getCorrectDOM('login-4nk-component') as HTMLElement;
   const memberSelect = container.querySelector('#memberSelect') as HTMLSelectElement;
-  
+
   if (!memberSelect) {
     console.error('Could not find memberSelect element');
     return;
@@ -165,7 +162,7 @@ async function populateMemberSelect() {
   for (const [processId, member] of Object.entries(members)) {
     const process = await service.getProcess(processId);
     let memberPublicName;
-    
+
     if (process) {
       const publicMemberData = service.getPublicData(process);
       if (publicMemberData) {
@@ -175,14 +172,14 @@ async function populateMemberSelect() {
         }
       }
     }
-    
+
     if (!memberPublicName) {
       memberPublicName = 'Unnamed Member';
     }
 
     // Récupérer les emojis pour ce processId
     const emojis = await addressToEmoji(processId);
-    
+
     const option = document.createElement('option');
     option.value = processId;
     option.textContent = `${memberPublicName} (${emojis})`;
diff --git a/src/services/service.ts b/src/services/service.ts
index bf30a6e..fa125f3 100755
--- a/src/services/service.ts
+++ b/src/services/service.ts
@@ -20,7 +20,7 @@ const DEFAULTAMOUNT = 1000n;
 function showGlobalLoadingSpinner(message: string = 'Loading...') {
   // Remove existing spinner if any
   hideGlobalLoadingSpinner();
-  
+
   // Create spinner overlay
   const overlay = document.createElement('div');
   overlay.id = 'global-loading-overlay';
@@ -38,7 +38,7 @@ function showGlobalLoadingSpinner(message: string = 'Loading...') {
     z-index: 9999;
     backdrop-filter: blur(5px);
   `;
-  
+
   // Create spinner content
   const spinnerContent = document.createElement('div');
   spinnerContent.style.cssText = `
@@ -51,7 +51,7 @@ function showGlobalLoadingSpinner(message: string = 'Loading...') {
     max-width: 400px;
     width: 90%;
   `;
-  
+
   // Create spinner
   const spinner = document.createElement('div');
   spinner.style.cssText = `
@@ -63,7 +63,7 @@ function showGlobalLoadingSpinner(message: string = 'Loading...') {
     animation: spin 1s linear infinite;
     margin: 0 auto 20px auto;
   `;
-  
+
   // Create message
   const messageEl = document.createElement('div');
   messageEl.textContent = message;
@@ -73,7 +73,7 @@ function showGlobalLoadingSpinner(message: string = 'Loading...') {
     font-weight: 500;
     margin-bottom: 10px;
   `;
-  
+
   // Create progress indicator
   const progressEl = document.createElement('div');
   progressEl.textContent = 'Please wait...';
@@ -81,7 +81,7 @@ function showGlobalLoadingSpinner(message: string = 'Loading...') {
     font-size: 14px;
     color: #666;
   `;
-  
+
   // Add CSS animation if not already present
   if (!document.getElementById('global-spinner-styles')) {
     const style = document.createElement('style');
@@ -94,13 +94,13 @@ function showGlobalLoadingSpinner(message: string = 'Loading...') {
     `;
     document.head.appendChild(style);
   }
-  
+
   // Assemble spinner
   spinnerContent.appendChild(spinner);
   spinnerContent.appendChild(messageEl);
   spinnerContent.appendChild(progressEl);
   overlay.appendChild(spinnerContent);
-  
+
   // Add to document
   document.body.appendChild(overlay);
 }
@@ -149,16 +149,16 @@ export default class Services {
     }
 
     console.log('initializing services');
-    
+
     // Show global loading spinner during initialization
     showGlobalLoadingSpinner('Initializing services...');
-    
+
     Services.instance = await Services.initializing;
     Services.initializing = null; // Reset for potential future use
-    
+
     // Hide loading spinner after initialization
     hideGlobalLoadingSpinner();
-    
+
     return Services.instance;
   }
 
diff --git a/src/utils/sp-address.utils.ts b/src/utils/sp-address.utils.ts
index 9eddd33..c5f15e5 100755
--- a/src/utils/sp-address.utils.ts
+++ b/src/utils/sp-address.utils.ts
@@ -421,7 +421,7 @@ function showLoadingState() {
   const loadingFlow = container.querySelector('#loading-flow');
   const creatorFlow = container.querySelector('#creator-flow');
   const joinerFlow = container.querySelector('#joiner-flow');
-  
+
   if (loadingFlow) {
     loadingFlow.style.display = 'block';
     // Update loading message