From 8b22e65646fb97a5d80d7fdfe442bfde1d81ed9a Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Mon, 12 May 2025 08:19:05 +0200
Subject: [PATCH] Add auth action

---
 src/App.tsx                            |  10 ++-
 src/ExtStates/NotAuthenticated.tsx     |   6 +-
 src/Wallets.tsx                        |  26 +++---
 src/components/Auth/DownloadWallet.tsx |   6 +-
 src/components/Home/NewUsersCTA.tsx    |   2 +-
 src/i18n/locales/en/auth.json          |  17 ++--
 src/i18n/locales/en/core.json          |   6 +-
 src/utils/queue/queue.ts               | 110 +++++++++++++------------
 8 files changed, 98 insertions(+), 85 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d24a4ae..07b915c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2513,7 +2513,7 @@ function App() {
                 setExtstate('create-wallet');
               }}
             >
-              {t('auth:create_account', { postProcess: 'capitalize' })}
+              {t('auth:action.create_account', { postProcess: 'capitalize' })}
             </CustomButton>
           </>
         )}
@@ -2610,7 +2610,7 @@ function App() {
                   fontWeight: 600,
                 }}
               >
-                {t('auth:authenticate', { postProcess: 'capitalize' })}
+                {t('auth:action.authenticate', { postProcess: 'capitalize' })}
               </TextP>
             </Box>
 
@@ -2662,7 +2662,7 @@ function App() {
               <Spacer height="20px" />
 
               <CustomButton onClick={authenticateWallet}>
-                {t('auth:authenticate', { postProcess: 'capitalize' })}
+                {t('auth:action.authenticate', { postProcess: 'capitalize' })}
               </CustomButton>
 
               <ErrorText>{walletToBeDecryptedError}</ErrorText>
@@ -2930,7 +2930,9 @@ function App() {
                   <Spacer height="17px" />
 
                   <CustomButton onClick={createAccountFunc}>
-                    {t('auth:create_account', { postProcess: 'capitalize' })}
+                    {t('auth:action.create_account', {
+                      postProcess: 'capitalize',
+                    })}
                   </CustomButton>
                 </Box>
                 <ErrorText>{walletToBeDownloadedError}</ErrorText>
diff --git a/src/ExtStates/NotAuthenticated.tsx b/src/ExtStates/NotAuthenticated.tsx
index 693cdf0..2a6b090 100644
--- a/src/ExtStates/NotAuthenticated.tsx
+++ b/src/ExtStates/NotAuthenticated.tsx
@@ -572,7 +572,7 @@ export const NotAuthenticated = ({
               },
             }}
           >
-            {t('auth:create_account', { postProcess: 'capitalize' })}
+            {t('auth:action.create_account', { postProcess: 'capitalize' })}
           </CustomButton>
         </HtmlTooltip>
       </Box>
@@ -953,7 +953,9 @@ export const NotAuthenticated = ({
                     setCustomNodeToSaveIndex(null);
                   }}
                 >
-                  {t('auth:return_to_list', { postProcess: 'capitalize' })}
+                  {t('auth:action.return_to_list', {
+                    postProcess: 'capitalize',
+                  })}
                 </Button>
 
                 <Button
diff --git a/src/Wallets.tsx b/src/Wallets.tsx
index c3f290a..d2cf691 100644
--- a/src/Wallets.tsx
+++ b/src/Wallets.tsx
@@ -83,7 +83,6 @@ export const Wallets = ({ setExtState, setRawWallet, rawWallet }) => {
         }
       }
 
-      let error: any = null;
       const uniqueInitialMap = new Map();
 
       // Only add a message if it doesn't already exist in the Map
@@ -223,7 +222,12 @@ export const Wallets = ({ setExtState, setRawWallet, rawWallet }) => {
 
       {rawWallet && (
         <Box>
-          <Typography>Selected Account:</Typography> // TODO translate
+          <Typography>
+            {t('auth:account.selected', {
+              postProcess: 'capitalize',
+            })}
+            :
+          </Typography>
           {rawWallet?.name && <Typography>{rawWallet.name}</Typography>}
           {rawWallet?.address0 && (
             <Typography>{rawWallet?.address0}</Typography>
@@ -233,12 +237,12 @@ export const Wallets = ({ setExtState, setRawWallet, rawWallet }) => {
       {wallets?.length > 0 && (
         <List
           sx={{
-            width: '100%',
-            maxWidth: '500px',
-            maxHeight: '60vh',
-            overflowY: 'auto',
-            overflowX: 'hidden',
             backgroundColor: theme.palette.background.paper,
+            maxHeight: '60vh',
+            maxWidth: '500px',
+            overflowX: 'hidden',
+            overflowY: 'auto',
+            width: '100%',
           }}
         >
           {wallets?.map((wallet, idx) => {
@@ -260,11 +264,11 @@ export const Wallets = ({ setExtState, setRawWallet, rawWallet }) => {
 
       <Box
         sx={{
+          alignItems: 'center',
+          bottom: wallets?.length === 0 ? 'unset' : '20px',
           display: 'flex',
           gap: '10px',
-          alignItems: 'center',
           position: wallets?.length === 0 ? 'relative' : 'fixed',
-          bottom: wallets?.length === 0 ? 'unset' : '20px',
           right: wallets?.length === 0 ? 'unset' : '20px',
         }}
       >
@@ -278,9 +282,7 @@ export const Wallets = ({ setExtState, setRawWallet, rawWallet }) => {
                   fontSize: '16px',
                 }}
               >
-                Already have a Qortal account? Enter your secret backup phrase
-                here to access it. This phrase is one of the ways to recover
-                your account.
+                {t('auth:tips.existing_account', { postProcess: 'capitalize' })}
               </Typography>
             </Fragment>
           }
diff --git a/src/components/Auth/DownloadWallet.tsx b/src/components/Auth/DownloadWallet.tsx
index cbf5e49..f96dbb6 100644
--- a/src/components/Auth/DownloadWallet.tsx
+++ b/src/components/Auth/DownloadWallet.tsx
@@ -157,7 +157,7 @@ export const DownloadWallet = ({
             fontWeight: 600,
           }}
         >
-          {t('auth:download_account', { postProcess: 'capitalize' })}
+          {t('auth:action.download_account', { postProcess: 'capitalize' })}
         </TextP>
       </Box>
 
@@ -247,13 +247,13 @@ export const DownloadWallet = ({
             onClick={async () => {
               await saveFileToDiskFunc();
               await showInfo({
-                message: t('auth:keep_secure', {
+                message: t('auth:message.generic.keep_secure', {
                   postProcess: 'capitalize',
                 }),
               });
             }}
           >
-            {t('auth:download_account', {
+            {t('auth:action.download_account', {
               postProcess: 'capitalize',
             })}
           </CustomButton>
diff --git a/src/components/Home/NewUsersCTA.tsx b/src/components/Home/NewUsersCTA.tsx
index 68e8b06..7d5a7b1 100644
--- a/src/components/Home/NewUsersCTA.tsx
+++ b/src/components/Home/NewUsersCTA.tsx
@@ -36,7 +36,7 @@ export const NewUsersCTA = ({ balance }) => {
             textAlign: 'center',
           }}
         >
-          {t('core:question.new_user', { postProcess: 'capitalize' })}
+          {t('core:message.question.new_user', { postProcess: 'capitalize' })}
         </Typography>
 
         <Spacer height="20px" />
diff --git a/src/i18n/locales/en/auth.json b/src/i18n/locales/en/auth.json
index edc1982..09aae5f 100644
--- a/src/i18n/locales/en/auth.json
+++ b/src/i18n/locales/en/auth.json
@@ -2,7 +2,15 @@
   "account": {
     "your": "your account",
     "account_many": "accounts",
-    "account_one": "account"
+    "account_one": "account",
+    "selected": "selected account"
+  },
+  "action": {
+    "add_seed_phrase": "add seed-phrase",
+    "authenticate": "authenticate",
+    "create_account": "create account",
+    "download_account": "download account",
+    "return_to_list": "return to list"
   },
   "advanced_users": "for advanced users",
   "apikey": {
@@ -13,17 +21,14 @@
     "key": "API key",
     "select_valid": "select a valid apikey"
   },
-  "authenticate": "authenticate",
   "build_version": "build version",
-  "create_account": "create account",
-  "download_account": "download account",
-  "keep_secure": "keep your account file secure",
   "message": {
     "error": {
       "account_creation": "could not create account."
     },
     "generic": {
       "no_account": "No accounts saved",
+      "keep_secure": "keep your account file secure",
       "your_accounts": "your saved accounts"
     }
   },
@@ -37,9 +42,9 @@
   },
   "password": "password",
   "password_confirmation": "confirm password",
-  "return_to_list": "return to list",
   "tips": {
     "digital_id": "your wallet is like your digital ID on Qortal, and is how you will login to the Qortal User Interface. It holds your public address and the Qortal name you will eventually choose. Every transaction you make is linked to your ID, and this is where you manage all your QORT and other tradeable cryptocurrencies on Qortal.",
+    "existing_account": "already have a Qortal account? Enter your secret backup phrase here to access it. This phrase is one of the ways to recover your account.",
     "new_account": "creating an account means creating a new wallet and digital ID to start using Qortal. Once you have made your account, you can start doing things like obtaining some QORT, buying a name and avatar, publishing videos and blogs, and much more.",
     "new_users": "new users start here!"
   },
diff --git a/src/i18n/locales/en/core.json b/src/i18n/locales/en/core.json
index 91b7f48..6114abc 100644
--- a/src/i18n/locales/en/core.json
+++ b/src/i18n/locales/en/core.json
@@ -67,6 +67,9 @@
       "missing_field": "missing: {{ field }}",
       "save_qdn": "unable to save to QDN"
     },
+    "question": {
+      "new_user": "are you a new user?"
+    },
     "status": {
       "minting": "(minting)",
       "not_minting": "(not minting)",
@@ -90,9 +93,6 @@
   "payment_notification": "payment notification",
   "price": "price",
   "q_mail": "q-mail",
-  "question": {
-    "new_user": "are you a new user?"
-  },
   "save_options": {
     "no_pinned_changes": "you currently do not have any changes to your pinned apps",
     "overwrite_changes": "the app was unable to download your existing QDN-saved pinned apps. Would you like to overwrite those changes?",
diff --git a/src/utils/queue/queue.ts b/src/utils/queue/queue.ts
index fcbd544..c3c1c2f 100644
--- a/src/utils/queue/queue.ts
+++ b/src/utils/queue/queue.ts
@@ -1,56 +1,58 @@
 export class RequestQueueWithPromise {
-	constructor(maxConcurrent = 5) {
-	  this.queue = [];
-	  this.maxConcurrent = maxConcurrent;
-	  this.currentlyProcessing = 0;
-	  this.isPaused = false; // Flag to track whether the queue is paused
-	}
-  
-	// Add a request to the queue and return a promise
-	enqueue(request) {
-	  return new Promise((resolve, reject) => {
-		// Push the request and its resolve and reject callbacks to the queue
-		this.queue.push({ request, resolve, reject });
-		this.process();
-	  });
-	}
-  
-	// Process requests in the queue
-	async process() {
-	  // Process requests only if the queue is not paused
-	  if (this.isPaused) return;
-  
-	  while (this.queue.length > 0 && this.currentlyProcessing < this.maxConcurrent) {
-		this.currentlyProcessing++;
-  
-		const { request, resolve, reject } = this.queue.shift();
-  
-		try {
-		  const response = await request();
-		  resolve(response);
-		} catch (error) {
-		  reject(error);
-		} finally {
-		  this.currentlyProcessing--;
-		  await this.process();
-		}
-	  }
-	}
-  
-	// Pause the queue processing
-	pause() {
-	  this.isPaused = true;
-	}
-  
-	// Resume the queue processing
-	resume() {
-	  this.isPaused = false;
-	  this.process(); // Continue processing when resumed
-	}
-  
-	// Clear pending requests in the queue
-	clear() {
-	  this.queue.length = 0;
-	}
+  constructor(maxConcurrent = 5) {
+    this.queue = [];
+    this.maxConcurrent = maxConcurrent;
+    this.currentlyProcessing = 0;
+    this.isPaused = false; // Flag to track whether the queue is paused
   }
-  
\ No newline at end of file
+
+  // Add a request to the queue and return a promise
+  enqueue(request) {
+    return new Promise((resolve, reject) => {
+      // Push the request and its resolve and reject callbacks to the queue
+      this.queue.push({ request, resolve, reject });
+      this.process();
+    });
+  }
+
+  // Process requests in the queue
+  async process() {
+    // Process requests only if the queue is not paused
+    if (this.isPaused) return;
+
+    while (
+      this.queue.length > 0 &&
+      this.currentlyProcessing < this.maxConcurrent
+    ) {
+      this.currentlyProcessing++;
+
+      const { request, resolve, reject } = this.queue.shift();
+
+      try {
+        const response = await request();
+        resolve(response);
+      } catch (error) {
+        reject(error);
+      } finally {
+        this.currentlyProcessing--;
+        await this.process();
+      }
+    }
+  }
+
+  // Pause the queue processing
+  pause() {
+    this.isPaused = true;
+  }
+
+  // Resume the queue processing
+  resume() {
+    this.isPaused = false;
+    this.process(); // Continue processing when resumed
+  }
+
+  // Clear pending requests in the queue
+  clear() {
+    this.queue.length = 0;
+  }
+}