import { Bank } from '@blockworks-foundation/mango-v4' import { QuestionMarkCircleIcon } from '@heroicons/react/20/solid' import useJupiterMints from 'hooks/useJupiterMints' import Image from 'next/image' import { useMemo } from 'react' import { CUSTOM_TOKEN_ICONS } from 'utils/constants' import Tooltip from './Tooltip' const TokenLogo = ({ bank, logoUrl, showRewardsLogo, size, }: { bank: Bank | undefined logoUrl?: string showRewardsLogo?: boolean size?: number }) => { const { mangoTokens } = useJupiterMints() const logoUri = useMemo(() => { if (logoUrl) return logoUrl if (!bank) return '' const tokenSymbol = bank.name.toLowerCase() const hasCustomIcon = CUSTOM_TOKEN_ICONS[tokenSymbol] if (hasCustomIcon) return `/icons/${tokenSymbol}.svg` let jupiterLogoURI if (mangoTokens?.length) { jupiterLogoURI = mangoTokens.find( (t) => t.address === bank?.mint.toString(), )?.logoURI } return jupiterLogoURI }, [mangoTokens, bank, logoUrl]) const logoSize = size ? size : 24 return logoUri ? ( Earn MNDE tokens for holding your mSOL on Mango View Details > ) : bank?.name === 'bSOL' ? ( <> Earn BLZE tokens for holding your bSOL on Mango View Details > ) : null ) : null } > {showRewardsLogo ? ( <> {bank?.name === 'MSOL' ? ( ) : null} {bank?.name === 'bSOL' ? ( ) : null} > ) : null} ) : ( ) } export default TokenLogo
Earn MNDE tokens for holding your mSOL on Mango
Earn BLZE tokens for holding your bSOL on Mango