mars-v2-frontend/hooks/useCreditAccountPositions.tsx
Gustavo Mauricio c15743e2f4
UI/UX when no wallet is connected (#40)
* navigation bar conditional renders on connected and credit accounts

* remove address requirement from allowed coins fetch

* fix: credit accounts positions when no wallet connected

* remove unnecessary comments
2022-11-07 14:56:18 +00:00

57 lines
1.2 KiB
TypeScript

import { useQuery } from '@tanstack/react-query'
import { useMemo } from 'react'
import { Coin } from '@cosmjs/stargate'
import useWalletStore from 'stores/useWalletStore'
import { contractAddresses } from 'config/contracts'
import { queryKeys } from 'types/query-keys-factory'
interface DebtAmount {
amount: string
denom: string
shares: string
}
interface VaultPosition {
locked: string
unlocked: string
}
interface Result {
account_id: string
coins: Coin[]
debts: DebtAmount[]
vaults: VaultPosition[]
}
const useCreditAccountPositions = (accountId: string) => {
const address = useWalletStore((s) => s.address)
const client = useWalletStore((s) => s.client)
const result = useQuery<Result>(
queryKeys.creditAccountsPositions(accountId),
async () =>
client?.queryContractSmart(contractAddresses.creditManager, {
positions: {
account_id: accountId,
},
}),
{
enabled: !!address && !!client,
refetchInterval: 30000,
staleTime: Infinity,
}
)
return {
...result,
data: useMemo(() => {
if (!address) return
return result?.data && { ...result.data }
}, [result.data, address]),
}
}
export default useCreditAccountPositions