From b4e5358cee6cfa1c712151d2fd8dfdac08e71ea2 Mon Sep 17 00:00:00 2001
From: Marton Lederer <marton@lederer.hu>
Date: Sat, 20 Sep 2025 18:22:47 +0200
Subject: [PATCH] feat: move liquidops init for actions

---
 src/hooks/actions/useBorrow.ts | 11 +++++++++--
 src/hooks/actions/useLend.ts   | 11 +++++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/hooks/actions/useBorrow.ts b/src/hooks/actions/useBorrow.ts
index 7457624d..e2b95bcb 100644
--- a/src/hooks/actions/useBorrow.ts
+++ b/src/hooks/actions/useBorrow.ts
@@ -1,11 +1,12 @@
+"use client";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { LiquidOpsClient } from "@/utils/LiquidOps/LiquidOps";
-import { tokenInput, tokenData } from "liquidops";
+import LiquidOps, { tokenInput, tokenData } from "liquidops";
 import { PendingTxContext } from "@/components/PendingTransactions/PendingTransactions";
 import { useContext } from "react";
 import { Quantity } from "ao-tokens-lite";
 import { NotificationContext } from "@/components/notifications/NotificationProvider";
 import { formatQty } from "@/utils/LiquidOps/tokenFormat";
+import { createDataItemSigner } from "@permaweb/aoconnect";
 
 interface BorrowParams {
   token: string;
@@ -26,6 +27,9 @@ export function useBorrow({ onSuccess }: Params = {}) {
   const borrowMutation = useMutation({
     mutationFn: async ({ token, quantity }: BorrowParams) => {
       try {
+        const LiquidOpsClient = new LiquidOps(
+          createDataItemSigner(window.arweaveWallet),
+        );
         const walletAddress = await window.arweaveWallet.getActiveAddress();
         const messageId = await LiquidOpsClient.borrow({
           token,
@@ -126,6 +130,9 @@ export function useBorrow({ onSuccess }: Params = {}) {
   const repayMutation = useMutation({
     mutationFn: async ({ token, quantity }: RepayParams) => {
       try {
+        const LiquidOpsClient = new LiquidOps(
+          createDataItemSigner(window.arweaveWallet),
+        );
         const walletAddress = await window.arweaveWallet.getActiveAddress();
         const transferId = await LiquidOpsClient.repay({
           token,
diff --git a/src/hooks/actions/useLend.ts b/src/hooks/actions/useLend.ts
index 912c86f3..1b4487ea 100644
--- a/src/hooks/actions/useLend.ts
+++ b/src/hooks/actions/useLend.ts
@@ -1,11 +1,12 @@
+"use client";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { LiquidOpsClient } from "@/utils/LiquidOps/LiquidOps";
-import { tokenData, tokenInput } from "liquidops";
+import LiquidOps, { tokenData, tokenInput } from "liquidops";
 import { Quantity } from "ao-tokens-lite";
 import { PendingTxContext } from "@/components/PendingTransactions/PendingTransactions";
 import { useContext } from "react";
 import { NotificationContext } from "@/components/notifications/NotificationProvider";
 import { formatQty } from "@/utils/LiquidOps/tokenFormat";
+import { createDataItemSigner } from "@permaweb/aoconnect";
 
 interface LendParams {
   token: string;
@@ -26,6 +27,9 @@ export function useLend({ onSuccess }: Params = {}) {
   const lendMutation = useMutation({
     mutationFn: async ({ token, quantity }: LendParams) => {
       try {
+        const LiquidOpsClient = new LiquidOps(
+          createDataItemSigner(window.arweaveWallet),
+        );
         const walletAddress = await window.arweaveWallet.getActiveAddress();
         const transferId = await LiquidOpsClient.lend({
           token,
@@ -129,6 +133,9 @@ export function useLend({ onSuccess }: Params = {}) {
   const unlendMutation = useMutation({
     mutationFn: async ({ token, quantity }: UnlendParams) => {
       try {
+        const LiquidOpsClient = new LiquidOps(
+          createDataItemSigner(window.arweaveWallet),
+        );
         const walletAddress = await window.arweaveWallet.getActiveAddress();
         const messageId = await LiquidOpsClient.unLend({
           token,