diff --git a/components/HeroTokenButton.tsx b/components/HeroTokenButton.tsx index 3a543bd..cf6cad7 100644 --- a/components/HeroTokenButton.tsx +++ b/components/HeroTokenButton.tsx @@ -5,6 +5,10 @@ import SheenLoader from './shared/SheenLoader' import Tooltip from './shared/Tooltip' import Link from 'next/link' import { StakeableToken } from 'hooks/useStakeableTokens' +import { + ArrowTopRightOnSquareIcon, + InformationCircleIcon, +} from '@heroicons/react/20/solid' export const HERO_TOKEN_BUTTON_CLASSES = 'inner-shadow-bottom default-transition relative w-full rounded-xl border border-th-bkg-3 bg-th-bkg-1 px-6 py-4 text-th-fgd-1 focus:outline-none focus-visible:border-th-fgd-4 md:hover:bg-th-bkg-2 md:hover:focus-visible:border-th-fgd-4' @@ -19,25 +23,10 @@ const HeroTokenButton = ({ tokenInfo: StakeableToken onClick: () => void }) => { - const { symbol, name } = tokenInfo.token - const { APY } = tokenInfo.financialMetrics - // const leverage = useLeverageMax(symbol) + const { symbol, name } = tokenInfo.token ?? {} + const { estNetApy } = tokenInfo ?? {} const groupLoaded = mangoStore((s) => s.groupLoaded) - // const { stakeBankDepositRate, financialMetrics } = useBankRates( - // symbol, - // leverage, - // ) - - // const { financialMetrics: estimatedNetAPYFor1xLev } = useBankRates(symbol, 1) - - // const APY_Daily_Compound = - // Math.pow(1 + Number(stakeBankDepositRate) / 365, 365) - 1 - // const UiRate = - // symbol === 'USDC' - // ? APY_Daily_Compound * 100 - // : Math.max(estimatedNetAPYFor1xLev.APY, financialMetrics.APY) - const renderRateEmoji = (token: string, rate: number) => { if (token.toLowerCase().includes('sol')) { if (rate >= 20) { @@ -56,7 +45,7 @@ const HeroTokenButton = ({ } } - const emoji = renderRateEmoji(symbol, APY) + const emoji = renderRateEmoji(symbol, estNetApy) return (