separating deposit steps in 2 different functions: approveTokens and addDeposit. Creating different function to mock deposits in mockView

src/utils/blockchain.ts

@@ -281,6 +281,38 @@ const addDeposit = async (tokenQty: Number, pixKey: String) => {
   await updateValidDeposits();
 };
 
+const mockDeposit = async (tokenQty: Number, pixKey: String) => {
+  const provider = getProvider();
+  if (!provider) return;
+
+  const signer = provider.getSigner();
+
+  const tokenContract = new ethers.Contract(
+    addresses.token,
+    mockToken.abi,
+    signer
+  );
+
+  const apprv = await tokenContract.approve(
+    addresses.p2pix,
+    formatEther(String(tokenQty))
+  );
+  await apprv.wait();
+
+  const p2pContract = new ethers.Contract(addresses.p2pix, p2pix.abi, signer);
+
+  const deposit = await p2pContract.deposit(
+    addresses.token,
+    formatEther(String(tokenQty)),
+    pixKey
+  );
+  await deposit.wait();
+
+  await updateWalletStatus();
+  await updateDepositAddedEvents();
+  await updateValidDeposits();
+};
+
 // Get specific deposit data by its ID
 const mapDeposits = async (depositId: BigNumber): Promise<any> => {
   const provider = getProvider();
@@ -399,6 +431,7 @@ export default {
   listLockTransactionByWalletAddress,
   approveTokens,
   addDeposit,
+  mockDeposit,
   mapDeposits,
   formatBigNumber,
   addLock,

src/views/MockView.vue

@@ -36,7 +36,7 @@ const formatWalletAddress = (wallet: string): string => {
 // Gets value and pix key from user's form to create a deposit in the blockchain
 const mockDeposit = () => {
   if (!depositValue.value || !depositPixKey.value) return;
-  blockchain.addDeposit(depositValue.value, depositPixKey.value);
+  blockchain.mockDeposit(depositValue.value, depositPixKey.value);
 };
 
 // Get specific deposit data by its ID