From 7547593478a3e9ab4754831882c2d9edf1579aea Mon Sep 17 00:00:00 2001
From: QuickMythril <quickmythril@protonmail.com>
Date: Tue, 28 Jan 2025 00:11:15 -0500
Subject: [PATCH] set loading text to blue for visibility

---
 assets/js/ARBoard.js     | 4 ++--
 assets/js/AdminBoard.js  | 4 ++--
 assets/js/MinterBoard.js | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/assets/js/ARBoard.js b/assets/js/ARBoard.js
index 2871e3d..cf9a7f5 100644
--- a/assets/js/ARBoard.js
+++ b/assets/js/ARBoard.js
@@ -93,14 +93,14 @@ const loadAddRemoveAdminPage = async () => {
 
     document.getElementById("refresh-cards-button").addEventListener("click", async () => {
         const cardsContainer = document.getElementById("cards-container")
-        cardsContainer.innerHTML = "<p>Refreshing cards...</p>"
+        cardsContainer.innerHTML = `<p style="color:dodgerblue;">Refreshing cards...</p>`
         await loadCards(addRemoveIdentifierPrefix)
     })
 
     document.getElementById("sort-select").addEventListener("change", async () => {
       // Optionally clear or show a message while loading
       const cardsContainer = document.getElementById("cards-container");
-      cardsContainer.innerHTML = "<p>Refreshing cards...</p>";
+      cardsContainer.innerHTML = `<p style="color:dodgerblue;">Refreshing cards...</p>`;
       // Re-load the cards using the same function that handles sorting logic
       await loadCards(addRemoveIdentifierPrefix);
     });
diff --git a/assets/js/AdminBoard.js b/assets/js/AdminBoard.js
index c65c57d..49a9e5b 100644
--- a/assets/js/AdminBoard.js
+++ b/assets/js/AdminBoard.js
@@ -130,7 +130,7 @@ const loadAdminBoardPage = async () => {
   if (refreshCardsButton) {
     refreshCardsButton.addEventListener("click", async () => {
       const encryptedCardsContainer = document.getElementById("encrypted-cards-container")
-      encryptedCardsContainer.innerHTML = "<p>Refreshing cards...</p>"
+      encryptedCardsContainer.innerHTML = `<p style="color:dodgerblue;">Refreshing cards...</p>`
       await fetchAllEncryptedCards(true)
     })
   }   
@@ -325,7 +325,7 @@ const extractEncryptedCardsMinterName = (cardIdentifier) => {
 
 const fetchAllEncryptedCards = async (isRefresh = false) => {
   const encryptedCardsContainer = document.getElementById("encrypted-cards-container")
-  encryptedCardsContainer.innerHTML = "<p>Loading cards...</p>"
+  encryptedCardsContainer.innerHTML = `<p style="color:dodgerblue;">Loading cards...</p>`
 
   try {
     const response = await searchSimple('MAIL_PRIVATE', `${encryptedCardIdentifierPrefix}`, '', 0)
diff --git a/assets/js/MinterBoard.js b/assets/js/MinterBoard.js
index 7c80f9a..a600d72 100644
--- a/assets/js/MinterBoard.js
+++ b/assets/js/MinterBoard.js
@@ -101,7 +101,7 @@ const loadMinterBoardPage = async () => {
 
   document.getElementById("refresh-cards-button").addEventListener("click", async () => {
     const cardsContainer = document.getElementById("cards-container")
-    cardsContainer.innerHTML = "<p>Refreshing cards...</p>"
+    cardsContainer.innerHTML = `<p style="color:dodgerblue;">Refreshing cards...</p>`
     await loadCards(minterCardIdentifierPrefix)
   })
   
@@ -265,7 +265,7 @@ const processMinterCards = async (validMinterCards) => {
 const loadCards = async (cardIdentifierPrefix) => {
   const cardsContainer = document.getElementById("cards-container")
   let isARBoard = false
-  cardsContainer.innerHTML = "<p>Loading cards...</p>"
+  cardsContainer.innerHTML = `<p style="color:dodgerblue;">Loading cards...</p>`
   if ((cardIdentifierPrefix.startsWith(`QM-AR-card`))) {
     isARBoard = true
     console.warn(`ARBoard determined:`, isARBoard)