55d0910d10
* feat: deposit account modal * style: button default colors to match wireframes * react-query-devtools package added * slider moved to separate component
79 lines
2.1 KiB
TypeScript
79 lines
2.1 KiB
TypeScript
import { SigningCosmWasmClient } from '@cosmjs/cosmwasm-stargate'
|
|
import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query'
|
|
import { useEffect, useState } from 'react'
|
|
import { toast } from 'react-toastify'
|
|
|
|
import useWalletStore from 'stores/useWalletStore'
|
|
import { chain } from 'utils/chains'
|
|
import { contractAddresses } from 'config/contracts'
|
|
import { hardcodedFee } from 'utils/contants'
|
|
import { queryKeys } from 'types/query-keys-factory'
|
|
|
|
const useDepositCreditAccount = (
|
|
accountId: string,
|
|
denom: string,
|
|
amount: number,
|
|
options?: {
|
|
onSuccess?: () => void
|
|
}
|
|
) => {
|
|
const [signingClient, setSigningClient] = useState<SigningCosmWasmClient>()
|
|
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])
|
|
|
|
return useMutation(
|
|
async () =>
|
|
await signingClient?.execute(
|
|
address,
|
|
contractAddresses.creditManager,
|
|
{
|
|
update_credit_account: {
|
|
account_id: accountId,
|
|
actions: [
|
|
{
|
|
deposit: {
|
|
denom,
|
|
amount: String(amount),
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
hardcodedFee,
|
|
undefined,
|
|
[
|
|
{
|
|
denom,
|
|
amount: String(amount),
|
|
},
|
|
]
|
|
),
|
|
{
|
|
onError: (err: Error) => {
|
|
toast.error(err.message)
|
|
},
|
|
onSuccess: () => {
|
|
queryClient.invalidateQueries(queryKeys.allBalances(address))
|
|
queryClient.invalidateQueries(queryKeys.tokenBalance(address, denom))
|
|
queryClient.invalidateQueries(queryKeys.creditAccountsPositions(accountId))
|
|
|
|
options?.onSuccess && options.onSuccess()
|
|
},
|
|
}
|
|
)
|
|
}
|
|
|
|
export default useDepositCreditAccount
|