diff --git a/trade.renegade.fi/hooks/use-balance.ts b/trade.renegade.fi/hooks/use-balance.ts index dbd829bc..5e553bfe 100644 --- a/trade.renegade.fi/hooks/use-balance.ts +++ b/trade.renegade.fi/hooks/use-balance.ts @@ -1,24 +1,25 @@ +import { renegade } from "@/app/providers" import { useRenegade } from "@/contexts/Renegade/renegade-context" +import { Balance, BalanceId } from "@renegade-fi/renegade-js" +import { useEffect, useState } from "react" export const useBalance = () => { - // const [balances, setBalances] = useState>({}) - // const { accountId } = useRenegade() + const [balances, setBalances] = useState>({}) + const { accountId } = useRenegade() - // useEffect(() => { - // if (!accountId) return - // const interval = setInterval(async () => { - // const fetchedBalances = await renegade - // .queryWallet(accountId) - // .then(() => renegade.getBalances(accountId)) - // setBalances(fetchedBalances) - // }, 5000) + useEffect(() => { + if (!accountId) return + const interval = setInterval(async () => { + const fetchedBalances = await renegade + .queryWallet(accountId) + .then(() => renegade.getBalances(accountId)) + setBalances(fetchedBalances) + }, 5000) - // return () => { - // clearInterval(interval) - // } - // }, [accountId]) + return () => { + clearInterval(interval) + } + }, [accountId]) - // return balances - const { balances } = useRenegade() return balances } diff --git a/trade.renegade.fi/hooks/use-order.ts b/trade.renegade.fi/hooks/use-order.ts index 408d60fb..23da5b0d 100644 --- a/trade.renegade.fi/hooks/use-order.ts +++ b/trade.renegade.fi/hooks/use-order.ts @@ -1,38 +1,41 @@ +import { renegade } from "@/app/providers" import { useRenegade } from "@/contexts/Renegade/renegade-context" +import { safeLocalStorageGetItem, safeLocalStorageSetItem } from "@/lib/utils" +import { Order, OrderId } from "@renegade-fi/renegade-js" +import { useEffect, useState } from "react" export const useOrders = () => { - // const { accountId } = useRenegade() - // const [orders, setOrders] = useState>({}) - - // useEffect(() => { - // if (!accountId) return - // const interval = setInterval(async () => { - // const existingOrders = safeLocalStorageGetItem(`orders-${accountId}`) - // const existingOrdersArray = existingOrders - // ? existingOrders.split(",") - // : [] - - // const fetchedOrders = await renegade - // .queryWallet(accountId) - // .then(() => renegade.getOrders(accountId)) - // setOrders(fetchedOrders) - - // const uniqueNewOrderIds = Object.keys(fetchedOrders).filter( - // (orderId) => !existingOrdersArray.includes(orderId) - // ) - - // existingOrdersArray.push(...uniqueNewOrderIds) - // const updatedOrders = existingOrdersArray.join(",") - - // safeLocalStorageSetItem(`orders-${accountId}`, updatedOrders) - // }, 1000) - - // return () => { - // clearInterval(interval) - // } - // }, [accountId]) - - // return orders - const { orders } = useRenegade() + const { accountId } = useRenegade() + const [orders, setOrders] = useState>({}) + + useEffect(() => { + if (!accountId) return + const interval = setInterval(async () => { + const existingOrders = safeLocalStorageGetItem(`orders-${accountId}`) + const existingOrdersArray = existingOrders + ? existingOrders.split(",") + : [] + + const fetchedOrders = await renegade + .queryWallet(accountId) + .then(() => renegade.getOrders(accountId)) + setOrders(fetchedOrders) + + const uniqueNewOrderIds = Object.keys(fetchedOrders).filter( + (orderId) => !existingOrdersArray.includes(orderId) + ) + + existingOrdersArray.push(...uniqueNewOrderIds) + const updatedOrders = existingOrdersArray.join(",") + + safeLocalStorageSetItem(`orders-${accountId}`, updatedOrders) + }, 1000) + + return () => { + clearInterval(interval) + } + }, [accountId]) + + // const { orders } = useRenegade() return orders }