change from for of iterator to javascript map

src/blockchain/wallet.ts

@@ -62,28 +62,29 @@ const getLockStatus = async (id: [BigNumber]): Promise<number> => {
 const filterLockStatus = async (
   transactions: Event[]
 ): Promise<WalletTransaction[]> => {
-  const txs = [];
-
-  for (const transaction of transactions) {
-    const tx: WalletTransaction = {
-      token: transaction.args?.token ? transaction.args?.token : "",
-      blockNumber: transaction.blockNumber ? transaction.blockNumber : -1,
-      amount: transaction.args?.amount
-        ? Number(formatEther(transaction.args?.amount))
-        : -1,
-      seller: transaction.args?.seller ? transaction.args?.seller : "",
-      buyer: transaction.args?.buyer ? transaction.args?.buyer : "",
-      event: transaction.event ? transaction.event : "",
-      lockStatus:
-        transaction.event == "LockAdded"
-          ? await getLockStatus(transaction.args?.lockID)
+  const txs = await Promise.all(
+    transactions.map(async (transaction) => {
+      const tx: WalletTransaction = {
+        token: transaction.args?.token ? transaction.args?.token : "",
+        blockNumber: transaction.blockNumber ? transaction.blockNumber : -1,
+        amount: transaction.args?.amount
+          ? Number(formatEther(transaction.args?.amount))
           : -1,
-      transactionHash: transaction.transactionHash
-        ? transaction.transactionHash
-        : "",
-    };
-    txs.push(tx);
-  }
+        seller: transaction.args?.seller ? transaction.args?.seller : "",
+        buyer: transaction.args?.buyer ? transaction.args?.buyer : "",
+        event: transaction.event ? transaction.event : "",
+        lockStatus:
+          transaction.event == "LockAdded"
+            ? await getLockStatus(transaction.args?.lockID)
+            : -1,
+        transactionHash: transaction.transactionHash
+          ? transaction.transactionHash
+          : "",
+      };
+
+      return tx;
+    })
+  );
 
   return txs;
 };

src/components/TopBar/TopBar.vue

@@ -118,7 +118,9 @@ onClickOutside(infoMenuRef, () => {
                 :to="'/faq'"
                 class="menu-button gap-2 px-4 rounded-md cursor-pointer"
               >
-                <span class="text-gray-900 py-4 text-end font-semibold text-sm whitespace-nowrap">
+                <span
+                  class="text-gray-900 py-4 text-end font-semibold text-sm whitespace-nowrap"
+                >
                   Perguntas frequentes
                 </span>
               </RouterLink>