bbbdca6950
* added icon for atom and tokenInfo data update * borrow page initial commit * feat: borrow funds to ca and wallet * close borrow module on tx success * feat: repay funds initial setup * repay funds action hook * repay slider. module state on borrow page component * styling: minor tweak to text colors * limit manual input on repay to max value * borrow funds component slider initial * style: max button typography * AssetRow extracted to separate file. organize imports * ContainerSecondary component added * loading indicator for pending actions * style: progress bar colors * tanstack table added * tanstack react-table dependency missing * table cleanup and layout adjustments * fix account stats formula and update market data to match spreadsheet * calculate max borrow amount hook * reset borrow and repay components on account change * max borrow amount decimals. memorized return * hook tanstack data with real data * redefine borrowedAssetsMap to map * update max borrow amount formulas * remove unnecessary table component. refactor borrow table
78 lines
2.2 KiB
TypeScript
78 lines
2.2 KiB
TypeScript
import { SigningCosmWasmClient } from '@cosmjs/cosmwasm-stargate'
|
|
import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query'
|
|
import { useEffect, useMemo, useState } from 'react'
|
|
import { toast } from 'react-toastify'
|
|
import BigNumber from 'bignumber.js'
|
|
|
|
import useWalletStore from 'stores/useWalletStore'
|
|
import { chain } from 'utils/chains'
|
|
import { contractAddresses } from 'config/contracts'
|
|
import { hardcodedFee } from 'utils/contants'
|
|
import useCreditManagerStore from 'stores/useCreditManagerStore'
|
|
import { queryKeys } from 'types/query-keys-factory'
|
|
|
|
const useRepayFunds = (
|
|
amount: string | number,
|
|
denom: string,
|
|
options: Omit<UseMutationOptions, 'onError'>
|
|
) => {
|
|
const [signingClient, setSigningClient] = useState<SigningCosmWasmClient>()
|
|
|
|
const selectedAccount = useCreditManagerStore((s) => s.selectedAccount)
|
|
const address = useWalletStore((s) => s.address)
|
|
|
|
const queryClient = useQueryClient()
|
|
|
|
useEffect(() => {
|
|
;(async () => {
|
|
if (!window.keplr) return
|
|
|
|
const offlineSigner = window.keplr.getOfflineSigner(chain.chainId)
|
|
const clientInstance = await SigningCosmWasmClient.connectWithSigner(chain.rpc, offlineSigner)
|
|
|
|
setSigningClient(clientInstance)
|
|
})()
|
|
}, [address])
|
|
|
|
const executeMsg = useMemo(() => {
|
|
return {
|
|
update_credit_account: {
|
|
account_id: selectedAccount,
|
|
actions: [
|
|
{
|
|
repay: {
|
|
denom: denom,
|
|
amount: BigNumber(amount)
|
|
.times(10 ** 6)
|
|
.toString(),
|
|
},
|
|
},
|
|
],
|
|
},
|
|
}
|
|
}, [amount, denom, selectedAccount])
|
|
|
|
return useMutation(
|
|
async () =>
|
|
await signingClient?.execute(
|
|
address,
|
|
contractAddresses.creditManager,
|
|
executeMsg,
|
|
hardcodedFee
|
|
),
|
|
{
|
|
onSettled: () => {
|
|
queryClient.invalidateQueries(queryKeys.creditAccountsPositions(selectedAccount ?? ''))
|
|
queryClient.invalidateQueries(queryKeys.tokenBalance(address, denom))
|
|
queryClient.invalidateQueries(queryKeys.allBalances(address))
|
|
},
|
|
onError: (err: Error) => {
|
|
toast.error(err.message)
|
|
},
|
|
...options,
|
|
}
|
|
)
|
|
}
|
|
|
|
export default useRepayFunds
|