+
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
{
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 {
// generateQRCode(spAddress);
generateCreateBtn();
displayEmojis(spAddress);
-
+
// Hide loading spinner after initialization
hideHomeLoadingSpinner();
} catch (error) {
@@ -124,9 +124,6 @@ export async function initHomePage(): Promise {
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