fixing search tokens iteration structure and wallet address formatting

src/components/SearchComponent.vue

@@ -50,20 +50,22 @@ const verifyLiquidity = () => {
 
   if (!walletAddress.value || tokenValue.value == 0) return;
 
-  depositList.value.forEach((deposit) => {
+  const found = depositList.value.find((element) => {
     const p2pixTokenValue = blockchain.verifyDepositAmmount(
-      deposit.args.amount
+      element.args.amount
     );
-
     if (
       tokenValue.value!! <= Number(p2pixTokenValue) &&
-      tokenValue.value!! != 0
+      tokenValue.value!! != 0 &&
+      element.args.seller !== walletAddress.value
     ) {
       enableSelectButton.value = true;
       hasLiquidity.value = true;
-      selectedDeposit.value = deposit;
-      return;
+      selectedDeposit.value = element;
+      console.log("Selected is :", blockchain.verifyDepositAmmount(element.args.amount))
+      return true;
     }
+    return false;
   });
 
   if (!enableSelectButton.value) {
@@ -72,6 +74,19 @@ const verifyLiquidity = () => {
 };
 
 const emit = defineEmits(["tokenBuy"]);
+
+const confirmPurchase = async () => {
+  
+  const buyInfo = {
+    "buyer":"",
+    "seller":"",
+    "amount":"",
+    "depositID":"",
+    "pixKey":""
+  }
+  
+};
+
 </script>
 
 <template>

src/components/TopBar.vue

@@ -15,8 +15,8 @@ const formatWalletAddress = (): string => {
   const walletAddressLength = walletAddress.value.length;
   const initialText = walletAddress.value.substring(0, 5);
   const finalText = walletAddress.value.substring(
-    walletAddressLength - 5,
-    walletAddressLength - 1
+    walletAddressLength - 4,
+    walletAddressLength
   );
   return `${initialText}...${finalText}`;
 };