fix: whitelisted zero apy yields (#513)

* fix(yields): allow whitelisted zero-rate yields

* fix: minor styles

Author: petar-omni

.changeset/tidy-files-type.md

@@ -0,0 +1,5 @@
+---
+"@stakekit/widget": patch
+---
+
+fix(yields): allow whitelisted zero-rate yields

packages/widget/src/components/molecules/select-opportunity-list-item/index.tsx

@@ -9,7 +9,7 @@ import { Box } from "../../atoms/box";
 import { SelectModalItem } from "../../atoms/select-modal";
 import { ProviderIcon } from "../../atoms/token-icon/provider-icon";
 import { Text } from "../../atoms/typography/text";
-import { selectItemText } from "./styles.css";
+import { noWrap, selectItemText } from "./styles.css";
 
 export const SelectOpportunityListItem = ({
   item,
@@ -53,7 +53,7 @@ export const SelectOpportunityListItem = ({
           </Box>
 
           <Box>
-            <Text>
+            <Text className={noWrap}>
               {getRewardRateFormatted({
                 rewardRate: item.rewardRate,
                 rewardType: item.rewardType,

packages/widget/src/components/molecules/select-opportunity-list-item/styles.css.ts

@@ -7,3 +7,7 @@ export const selectItemText = style([
     fontWeight: "tokenSelect",
   }),
 ]);
+
+export const noWrap = style({
+  whiteSpace: "nowrap",
+});

packages/widget/src/domain/types/yields.ts

@@ -179,6 +179,14 @@ export const isEthenaUsdeStaking = (yieldId: string) =>
 export const isBittensorStaking = (yieldId: string) =>
   yieldId === "bittensor-native-staking";
 
+const zeroRewardRateYieldIdWhitelist = new Set<string>([
+  "optimism-usdc-gtusdcb-0x4ffc4e5f1f1f5c43dc9bc27b53728da13b02be35-4626-vault",
+]);
+
+export const isNonZeroRewardRateYield = (
+  yieldDto: Pick<YieldDto, "id" | "rewardRate">
+) => yieldDto.rewardRate > 0 || zeroRewardRateYieldIdWhitelist.has(yieldDto.id);
+
 export const getComputedRewardRate = (yieldDto: YieldDto) => {
   const liveFeeConfigurations = yieldDto.feeConfigurations.filter(
     (fc) => fc.status === "LIVE"

packages/widget/src/hooks/api/use-multi-yields.ts

@@ -31,7 +31,10 @@ import {
   type PreferredTokenYieldsPerNetwork,
 } from "../../domain/types/stake";
 import type { SKWallet } from "../../domain/types/wallet";
-import type { ValidatorsConfig } from "../../domain/types/yields";
+import {
+  isNonZeroRewardRateYield,
+  type ValidatorsConfig,
+} from "../../domain/types/yields";
 import { useSKQueryClient } from "../../providers/query-client";
 import { useSKWallet } from "../../providers/sk-wallet";
 import { useSavedRef } from "../use-saved-ref";
@@ -192,7 +195,9 @@ const firstEligibleYield$ = (args: {
 
   const successStream = multipleYields$(args).pipe(
     tap((v) => {
-      defaultYield = v;
+      if (isNonZeroRewardRateYield(v) || !defaultYield) {
+        defaultYield = v;
+      }
     }),
     filter((y) => {
       const preferredYieldId = Maybe.fromNullable(

packages/widget/src/pages/details/earn-page/state/earn-page-context.tsx

@@ -32,6 +32,7 @@ import {
   getYieldTypeLabels,
   getYieldTypesSortRank,
   isBittensorStaking,
+  isNonZeroRewardRateYield,
 } from "../../../../domain/types/yields";
 import { useDefaultTokens } from "../../../../hooks/api/use-default-tokens";
 import { useStreamMultiYields } from "../../../../hooks/api/use-multi-yields";
@@ -236,7 +237,7 @@ export const EarnPageContextProvider = ({ children }: PropsWithChildren) => {
     () =>
       Maybe.of(multiYields)
         .map((val) => [...val].sort((a, b) => b.rewardRate - a.rewardRate))
-        .map((val) => val.filter((v) => v.rewardRate > 0))
+        .map((val) => val.filter(isNonZeroRewardRateYield))
         .chain((yieldDtos) =>
           Maybe.of(deferredStakeSearch)
             .chain((val) =>