Add auth action

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>

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

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>
           }

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>

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" />

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!"
   },

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?",

src/utils/queue/queue.ts

@@ -20,7 +20,10 @@ export class RequestQueueWithPromise {
     // Process requests only if the queue is not paused
     if (this.isPaused) return;
 
-	  while (this.queue.length > 0 && this.currentlyProcessing < this.maxConcurrent) {
+    while (
+      this.queue.length > 0 &&
+      this.currentlyProcessing < this.maxConcurrent
+    ) {
       this.currentlyProcessing++;
 
       const { request, resolve, reject } = this.queue.shift();
@@ -53,4 +56,3 @@ export class RequestQueueWithPromise {
     this.queue.length = 0;
   }
 }
-