import { getAvatar } from '@/identity/utils/getAvatar';
import { DEFAULT_QUERY_OPTIONS } from '@/internal/constants';
import { useQuery } from '@tanstack/react-query';
import { mainnet } from 'viem/chains';
import type {
  GetAvatarReturnType,
  UseAvatarParams,
  UseQueryOptions,
} from '../types';

/**
 * Gets an ensName and resolves the Avatar
 */
export const useAvatar = (
  { ensName, chain = mainnet }: UseAvatarParams,
  queryOptions?: UseQueryOptions<GetAvatarReturnType>,
) => {
  const queryKey = ['useAvatar', ensName, chain.id];

  return useQuery<GetAvatarReturnType>({
    queryKey,
    queryFn: () => getAvatar({ ensName, chain }),
    enabled: !!ensName,
    ...DEFAULT_QUERY_OPTIONS,
    ...queryOptions,
  });
};