37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { FollowedAccountApi } from '@components/explore/FollowedAccounts'
|
|
import { useWallet } from '@solana/wallet-adapter-react'
|
|
import { useQuery } from '@tanstack/react-query'
|
|
import { isEmpty } from 'lodash'
|
|
import { MANGO_DATA_API_URL } from 'utils/constants'
|
|
|
|
const fetchFollowedAccounts = async (walletPk: string | undefined) => {
|
|
try {
|
|
const response = await fetch(
|
|
`${MANGO_DATA_API_URL}/user-data/following?wallet-pk=${walletPk}`,
|
|
)
|
|
const data: FollowedAccountApi[] = await response.json()
|
|
if (!data || isEmpty(data)) {
|
|
return []
|
|
} else return data
|
|
} catch (e) {
|
|
console.error('failed to fetch followed accounts', e)
|
|
return []
|
|
}
|
|
}
|
|
|
|
export default function useFollowedAccounts() {
|
|
const { publicKey } = useWallet()
|
|
const { data, isInitialLoading, refetch } = useQuery(
|
|
['followed-accounts', publicKey],
|
|
() => fetchFollowedAccounts(publicKey?.toString()),
|
|
{
|
|
cacheTime: 1000 * 60 * 10,
|
|
staleTime: 1000 * 60,
|
|
retry: 3,
|
|
refetchOnWindowFocus: false,
|
|
enabled: !!publicKey,
|
|
},
|
|
)
|
|
return { data, isInitialLoading, refetch }
|
|
}
|