diff --git a/frontend/src/components/InputKeys/PoolListItem/index.tsx b/frontend/src/components/InputKeys/PoolListItem/index.tsx index 7d9b564f5..8c5914f62 100644 --- a/frontend/src/components/InputKeys/PoolListItem/index.tsx +++ b/frontend/src/components/InputKeys/PoolListItem/index.tsx @@ -1,6 +1,8 @@ +import { OnChainToken, FiatToken, isOnChainToken, OnChainTokenDetails, isFiatToken } from 'shared'; +import { useTranslation } from 'react-i18next'; import { CheckIcon } from '@heroicons/react/20/solid'; +import { isFiatTokenDisabled, getTokenDisabledReason } from '../../../config/tokenAvailability'; import { useGetAssetIcon } from '../../../hooks/useGetAssetIcon'; -import { OnChainToken, FiatToken, isOnChainToken, OnChainTokenDetails } from 'shared'; import { TokenDefinition } from '../SelectionModal'; import { UserBalance } from '../../UserBalance'; interface PoolListItemProps { @@ -10,16 +12,22 @@ interface PoolListItemProps { } export function PoolListItem({ token, isSelected, onSelect }: PoolListItemProps) { + const { t } = useTranslation(); const tokenIcon = useGetAssetIcon(token.assetIcon); const showBalance = isOnChainToken(token.type); + const isDisabled = isFiatToken(token.type) && isFiatTokenDisabled(token.type); + const disabledReason = isFiatToken(token.type) && isDisabled ? t(getTokenDisabledReason(token.type)) : undefined; + return (