diff --git a/apps/vaults/components/details/VaultActionsTabsWrapper.tsx b/apps/vaults/components/details/VaultActionsTabsWrapper.tsx index fe7346d41..015ca7ef5 100755 --- a/apps/vaults/components/details/VaultActionsTabsWrapper.tsx +++ b/apps/vaults/components/details/VaultActionsTabsWrapper.tsx @@ -254,7 +254,7 @@ function VaultActionsTabsWrapper({currentVault}: {currentVault: TYDaemonVault}): )} - {isZero(currentTab.value) && hasStakingRewards && willDepositAndStake ? ( + {isZero(currentTab.value) && currentVault.apy?.composite?.boost && hasStakingRewards && willDepositAndStake ? (
{'Great news! This Vault is receiving an Optimism Boost. Deposit and stake your tokens to receive OP rewards. Nice!'} diff --git a/apps/vaults/components/details/tabs/VaultDetailsAbout.tsx b/apps/vaults/components/details/tabs/VaultDetailsAbout.tsx index 2dcdce5dd..1cd2ceb31 100755 --- a/apps/vaults/components/details/tabs/VaultDetailsAbout.tsx +++ b/apps/vaults/components/details/tabs/VaultDetailsAbout.tsx @@ -3,6 +3,7 @@ import {GraphForVaultEarnings} from '@vaults/components/graphs/GraphForVaultEarn import Renderable from '@yearn-finance/web-lib/components/Renderable'; import {formatPercent} from '@yearn-finance/web-lib/utils/format.number'; import {parseMarkdown} from '@yearn-finance/web-lib/utils/helpers'; +import {isZero} from '@yearn-finance/web-lib/utils/isZero'; import type {ReactElement} from 'react'; import type {TYDaemonVault} from '@common/schemas/yDaemonVaultsSchemas'; @@ -11,22 +12,25 @@ import type {TGraphData} from '@common/types/types'; type TAPYLineItemProps = { label: string; value: number | string; + apyType: string; hasUpperLimit?: boolean; -} -; +}; + type TYearnFeesLineItem = { children: ReactElement; label: string; }; -function APYLineItem({value, label, hasUpperLimit}: TAPYLineItemProps): ReactElement { +function APYLineItem({value, label, apyType, hasUpperLimit}: TAPYLineItemProps): ReactElement { const safeValue = Number(value) || 0; + const isNew = apyType === 'new' && isZero(safeValue); + return (

{label}

- {hasUpperLimit ? formatPercent(safeValue * 100) : formatPercent(safeValue * 100, 2, 2, 500)} + {isNew ? 'New' : hasUpperLimit ? formatPercent(safeValue * 100) : formatPercent(safeValue * 100, 2, 2, 500)}

); @@ -41,7 +45,7 @@ function YearnFeesLineItem({children, label}: TYearnFeesLineItem): ReactElement ); } -function VaultDetailsAbout({currentVault, harvestData}: {currentVault: TYDaemonVault, harvestData: TGraphData[]}): ReactElement { +function VaultDetailsAbout({currentVault, harvestData}: { currentVault: TYDaemonVault, harvestData: TGraphData[] }): ReactElement { const isMounted = useIsMounted(); const {token, apy, details} = currentVault; @@ -63,14 +67,14 @@ function VaultDetailsAbout({currentVault, harvestData}: {currentVault: TYDaemonV {'APY'}
- - - + + +
- - - {apy.staking_rewards_apr > 0 && } + + + {apy.staking_rewards_apr > 0 && }