refactor: add helper type TokenBalanceQuery

Author: 0xAlunara

packages/curve-ui-kit/src/queries/token-balance.query.ts

@@ -10,6 +10,7 @@ import type { GetBalanceReturnType } from '@wagmi/core'
 import { getBalanceQueryOptions, readContractsQueryOptions } from '@wagmi/core/query'
 
 type TokenQuery = { tokenAddress: Address }
+type TokenBalanceQuery = ChainQuery & UserQuery & TokenQuery
 
 /** Convert user collateral from GetBalanceReturnType to number */
 const convertBalance = ({ value, decimals }: Partial<GetBalanceReturnType>) =>
@@ -23,7 +24,7 @@ const getNativeBalanceQueryOptions = (config: Config, { chainId, userAddress }:
   })
 
 /** Create query contracts for ERC-20 token balance and decimals */
-const getERC20QueryContracts = ({ chainId, userAddress, tokenAddress }: ChainQuery & UserQuery & TokenQuery) =>
+const getERC20QueryContracts = ({ chainId, userAddress, tokenAddress }: TokenBalanceQuery) =>
   [
     { chainId, address: tokenAddress, abi: erc20Abi, functionName: 'balanceOf', args: [userAddress] },
     { chainId, address: tokenAddress, abi: erc20Abi, functionName: 'decimals' },
@@ -33,7 +34,7 @@ const getERC20QueryContracts = ({ chainId, userAddress, tokenAddress }: ChainQue
 const isNative = ({ tokenAddress }: TokenQuery) => isAddressEqual(tokenAddress, ethAddress)
 
 /** Imperatively fetch token balance. Uses a staletime of 0 to always be guaranteed of a fresh result. */
-export const fetchTokenBalance = async (config: Config, query: ChainQuery & UserQuery & TokenQuery) =>
+export const fetchTokenBalance = async (config: Config, query: TokenBalanceQuery) =>
   isNative(query)
     ? await queryClient
         .fetchQuery({ ...getNativeBalanceQueryOptions(config, query), staleTime: 0 })
@@ -49,7 +50,7 @@ export const fetchTokenBalance = async (config: Config, query: ChainQuery & User
         .then((balance) => convertBalance({ value: balance[0], decimals: balance[1] }))
 
 /** Hook to fetch the token balance */
-export function useTokenBalance({ chainId, userAddress, tokenAddress }: FieldsOf<ChainQuery & UserQuery & TokenQuery>) {
+export function useTokenBalance({ chainId, userAddress, tokenAddress }: FieldsOf<TokenBalanceQuery>) {
   const config = useConfig()
 
   const isEnabled = chainId != null && userAddress != null && tokenAddress != null