remove mnde and blze logos in some spots

This commit is contained in:
saml33 2023-12-04 21:02:04 +11:00
parent 0bce439059
commit 9d44766b8f
4 changed files with 48 additions and 40 deletions

View File

@ -167,7 +167,7 @@ const RecentGainersLosers = () => {
}
>
<div className="flex items-center">
<TokenLogo bank={token} />
<TokenLogo bank={token} showRewardsLogo />
<p className="ml-3 font-body text-th-fgd-2">
{token.name}
</p>
@ -219,7 +219,7 @@ const RecentGainersLosers = () => {
<div className="flex items-center">
{bank ? (
<div className="mr-3">
<TokenLogo bank={bank} />
<TokenLogo bank={bank} showRewardsLogo />
</div>
) : (
<MarketLogos market={gainer?.market} size="large" />
@ -281,7 +281,7 @@ const RecentGainersLosers = () => {
>
<div className="flex items-center">
{bank ? (
<TokenLogo bank={bank} />
<TokenLogo bank={bank} showRewardsLogo />
) : (
<MarketLogos market={loser?.market} />
)}

View File

@ -58,7 +58,7 @@ const SpotCards = ({ tokens }: { tokens: BankWithMarketData[] }) => {
>
<div className="mb-4 flex items-center justify-between border-b border-th-bkg-3 pb-4">
<div className="flex items-center space-x-3">
<TokenLogo bank={bank} size={32} />
<TokenLogo bank={bank} size={32} showRewardsLogo />
<div>
<h3 className="mb-1 text-base leading-none">
{bank.name}

View File

@ -6,7 +6,7 @@ const TableTokenName = ({ bank, symbol }: { bank: Bank; symbol: string }) => {
return (
<div className="flex items-center">
<div className="mr-2.5 flex flex-shrink-0 items-center">
<TokenLogo bank={bank} />
<TokenLogo bank={bank} showRewardsLogo />
</div>
<div>
<p className="font-body leading-none text-th-fgd-2">{symbol}</p>

View File

@ -9,10 +9,12 @@ import Tooltip from './Tooltip'
const TokenLogo = ({
bank,
logoUrl,
showRewardsLogo,
size,
}: {
bank: Bank | undefined
logoUrl?: string
showRewardsLogo?: boolean
size?: number
}) => {
const { mangoTokens } = useJupiterMints()
@ -37,32 +39,34 @@ const TokenLogo = ({
return logoUri ? (
<Tooltip
content={
bank?.name === 'MSOL' ? (
<>
<p className="mb-2">
Earn MNDE tokens for holding your mSOL on Mango
</p>
<a
href="https://marinade.finance/blog/introducing-marinade-earn-season-1/"
target="_blank"
rel="noopener noreferrer"
>
View Details
</a>
</>
) : bank?.name === 'bSOL' ? (
<>
<p className="mb-2">
Earn BLZE tokens for holding your bSOL on Mango
</p>
<a
href="https://rewards.solblaze.org/"
target="_blank"
rel="noopener noreferrer"
>
View Details
</a>
</>
showRewardsLogo ? (
bank?.name === 'MSOL' ? (
<>
<p className="mb-2">
Earn MNDE tokens for holding your mSOL on Mango
</p>
<a
href="https://marinade.finance/blog/introducing-marinade-earn-season-1/"
target="_blank"
rel="noopener noreferrer"
>
View Details
</a>
</>
) : bank?.name === 'bSOL' ? (
<>
<p className="mb-2">
Earn BLZE tokens for holding your bSOL on Mango
</p>
<a
href="https://rewards.solblaze.org/"
target="_blank"
rel="noopener noreferrer"
>
View Details
</a>
</>
) : null
) : null
}
>
@ -72,15 +76,19 @@ const TokenLogo = ({
}`}
>
<Image alt="" width={logoSize} height={logoSize} src={logoUri} />
{bank?.name === 'MSOL' ? (
<div className="absolute -right-1.5 -top-1.5 shadow">
<Image alt="" width={16} height={16} src={'/icons/mnde.svg'} />
</div>
) : null}
{bank?.name === 'bSOL' ? (
<div className="absolute -right-1.5 -top-1.5 shadow">
<Image alt="" width={16} height={16} src={'/icons/blze.svg'} />
</div>
{showRewardsLogo ? (
<>
{bank?.name === 'MSOL' ? (
<div className="absolute -right-1.5 -top-1.5 shadow">
<Image alt="" width={16} height={16} src={'/icons/mnde.svg'} />
</div>
) : null}
{bank?.name === 'bSOL' ? (
<div className="absolute -right-1.5 -top-1.5 shadow">
<Image alt="" width={16} height={16} src={'/icons/blze.svg'} />
</div>
) : null}
</>
) : null}
</div>
</Tooltip>