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 }
}