diff --git a/apps/vaults-v3/components/list/VaultsV3ListRow.tsx b/apps/vaults-v3/components/list/VaultsV3ListRow.tsx index 86f8e971..a57fc79b 100755 --- a/apps/vaults-v3/components/list/VaultsV3ListRow.tsx +++ b/apps/vaults-v3/components/list/VaultsV3ListRow.tsx @@ -19,9 +19,10 @@ import type {TNormalizedBN} from '@builtbymom/web3/types'; type TAPYSublineProps = { hasPendleArbRewards: boolean; hasKelpNEngenlayer: boolean; + hasKelp: boolean; }; -function APYSubline({hasPendleArbRewards, hasKelpNEngenlayer}: TAPYSublineProps): ReactElement { +function APYSubline({hasPendleArbRewards, hasKelpNEngenlayer, hasKelp}: TAPYSublineProps): ReactElement { if (hasKelpNEngenlayer) { return ( @@ -29,6 +30,13 @@ function APYSubline({hasPendleArbRewards, hasKelpNEngenlayer}: TAPYSublineProps) ); } + if (hasKelp) { + return ( + + {`+ 1x Kelp Miles 🚀`} + + ); + } if (hasPendleArbRewards) { return ( @@ -46,6 +54,7 @@ function APYTooltip(props: { range?: [number, number]; hasPendleArbRewards?: boolean; hasKelpNEngenlayer?: boolean; + hasKelp?: boolean; }): ReactElement { return ( @@ -126,6 +135,16 @@ function APYTooltip(props: { ) : null} + {props.hasKelp ? ( +
+

{'• Extra Kelp Miles '}

+

{`1x`}

+
+ ) : null} + {props.hasKelpNEngenlayer ? ( <>
@@ -200,6 +217,7 @@ function VaultForwardAPY({currentVault}: {currentVault: TYDaemonVault}): ReactEl
); @@ -222,6 +240,7 @@ function VaultForwardAPY({currentVault}: {currentVault: TYDaemonVault}): ReactEl ); @@ -265,6 +284,7 @@ function VaultForwardAPY({currentVault}: {currentVault: TYDaemonVault}): ReactEl baseAPY={unBoostedAPY} hasPendleArbRewards={hasPendleArbRewards} hasKelpNEngenlayer={hasKelpNEngenlayer} + hasKelp={hasKelp} boost={currentVault.apr.forwardAPR.composite.boost} /> @@ -350,11 +370,13 @@ function VaultForwardAPY({currentVault}: {currentVault: TYDaemonVault}): ReactEl rewardsAPY={veYFIRange ? undefined : sumOfRewardsAPY} hasPendleArbRewards={hasPendleArbRewards} hasKelpNEngenlayer={hasKelpNEngenlayer} + hasKelp={hasKelp} range={veYFIRange} />
@@ -385,6 +407,7 @@ function VaultForwardAPY({currentVault}: {currentVault: TYDaemonVault}): ReactEl @@ -412,6 +435,7 @@ function VaultForwardAPY({currentVault}: {currentVault: TYDaemonVault}): ReactEl