add debug code

web_app/api/form.py

@@ -88,6 +88,7 @@ async def get_transaction_data(
     :param transaction_data: Pydantic model for the query parameters
     :return: List of dicts containing the transaction data
     """
+    print("transaction_data", transaction_data)
     wallet_id = request.session.get("wallet_id")
     if not wallet_id:
         return RedirectResponse(url="/login", status_code=302)
@@ -108,5 +109,5 @@ async def get_transaction_data(
     response = TransactionDataResponse(
         approve_data=approve_data, loop_liquidity_data=loop_liquidity_data
     )
-
-    return [response]
+    print("response", response.dict())
+    return [response.dict()]

web_app/static/js/form.js

@@ -1,6 +1,3 @@
-console.log("JavaScript is loaded");
-alert("JavaScript is working!");
-
 // Update max balance based on the selected token
 function updateMaxBalance() {
     const selectedToken = document.getElementById('token').value;

web_app/static/js/wallet.js

@@ -39,6 +39,8 @@ async function logout() {
 
 async function sendTransaction(transactionData) {
     try {
+        console.log("Transaction Data:", transactionData);
+
         const starknet = window.starknet;
         if (!starknet) {
             alert("Please connect to the Argent X wallet.");
@@ -52,21 +54,42 @@ async function sendTransaction(transactionData) {
         const approveData = transactionData[0].approve_data;
         const loopLiquidityData = transactionData[0].loop_liquidity_data;
 
+        // Log the extracted data for debugging
+        console.log("Approve Data:", approveData.to_address);
+        console.log("Loop Liquidity Data:", loopLiquidityData["pool_key"]);
+
         // Construct transaction details based on approve data
-        const transactionDetails = {
+        const approveTransaction = {
             contractAddress: approveData.to_address,
             entrypoint: "approve",
             calldata: [
-                approveData.spender,
-                approveData.amount,
+                approveData.spender, // spender address
+                approveData.amount    // approval amount
+            ],
+        };
+
+        // Send the "approve" transaction
+        const approveResponse = await starknet.provider.invokeFunction(approveTransaction);
+        console.log("Approve transaction response:", approveResponse);
+
+        // Construct the second transaction for liquidity deposit
+        const depositTransaction = {
+            contractAddress: loopLiquidityData.pool_key.token0,
+            entrypoint: "deposit",
+            calldata: [
+                loopLiquidityData.pool_key.token0,    // token0 address
+                loopLiquidityData.pool_key.token1,    // token1 address
+                loopLiquidityData.deposit_data.amount, // deposit amount
+                loopLiquidityData.deposit_data.multiplier // multiplier
             ],
         };
 
-        // Send the transaction via the Starknet provider
-        const response = await starknet.provider.invokeFunction(transactionDetails);
-        console.log("Transaction response:", response);
+        // Send the "deposit" transaction
+        const depositResponse = await starknet.provider.invokeFunction(depositTransaction);
+        console.log("Deposit transaction response:", depositResponse);
 
-        alert(`Transaction sent. Hash: ${response.transaction_hash}`);
+        // Alert the user with the transaction hash
+        alert(`Transactions sent. Approve Hash: ${approveResponse.transaction_hash}, Deposit Hash: ${depositResponse.transaction_hash}`);
     } catch (error) {
         console.error("Error sending transaction:", error);
         alert("An error occurred while sending the transaction.");