[14/04 17:15 - feature/mission-70]: WIP - Work in progress!

Author: 0xFFrancesco

src/governance-app-frontend/src/common/constants/neuron.ts

@@ -3,8 +3,8 @@ import { SECONDS_IN_TWO_WEEKS, SECONDS_IN_TWO_YEARS } from './extra';
 export const ICP_MIN_DISSOLVE_DELAY_SECONDS = SECONDS_IN_TWO_WEEKS;
 export const ICP_MAX_DISSOLVE_DELAY_SECONDS = SECONDS_IN_TWO_YEARS;
 
-// Only used for color interpolation, ok if not very precise (should be two weeks).
-export const ICP_MIN_DISSOLVE_DELAY_MONTHS = 1;
+// Key into stakingFlowApyPreview for APY color / badge styling: ~2 weeks rounded to 1 month.
+export const STAKING_APY_PREVIEW_MIN_MONTHS = 1;
 
 export const ICP_MAX_DISSOLVE_DELAY_MONTHS = 24;
 

src/governance-app-frontend/src/common/hooks/useApyColor.ts

@@ -1,4 +1,4 @@
-import { ICP_MAX_DISSOLVE_DELAY_MONTHS, ICP_MIN_DISSOLVE_DELAY_MONTHS } from '@constants/neuron';
+import { ICP_MAX_DISSOLVE_DELAY_MONTHS, STAKING_APY_PREVIEW_MIN_MONTHS } from '@constants/neuron';
 import { useStakingRewards } from '@hooks/useStakingRewards';
 import { getApyColors, getApyNormalizedPosition, isMaxApy } from '@utils/apy-colors';
 import { isStakingRewardDataReady } from '@utils/staking-rewards';
@@ -24,7 +24,7 @@ export function useApyColor(apyValue: number): ApyColorResult {
   }
 
   const minApy =
-    stakingRewards.stakingFlowApyPreview[ICP_MIN_DISSOLVE_DELAY_MONTHS].nonAutoStake.dissolving;
+    stakingRewards.stakingFlowApyPreview[STAKING_APY_PREVIEW_MIN_MONTHS].nonAutoStake.dissolving;
   const maxApy =
     stakingRewards.stakingFlowApyPreview[ICP_MAX_DISSOLVE_DELAY_MONTHS].autoStake.locked;
 

src/governance-app-frontend/src/features/stakes/components/stakingWizard/StakingWizardAnimatedApyBadge.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 
 import { AnimatedNumber } from '@components/AnimatedNumber';
 import { Skeleton } from '@components/Skeleton';
-import { ICP_MAX_DISSOLVE_DELAY_MONTHS, ICP_MIN_DISSOLVE_DELAY_MONTHS } from '@constants/neuron';
+import { ICP_MAX_DISSOLVE_DELAY_MONTHS, STAKING_APY_PREVIEW_MIN_MONTHS } from '@constants/neuron';
 import { useStakingRewards } from '@hooks/useStakingRewards';
 import { interpolateApyColor, isMaxApy } from '@utils/apy-colors';
 import { formatPercentage } from '@utils/numbers';
@@ -22,7 +22,7 @@ export function StakingWizardAnimatedApyBadge({ value }: Props) {
   }
 
   const minApy =
-    stakingRewards.stakingFlowApyPreview[ICP_MIN_DISSOLVE_DELAY_MONTHS].nonAutoStake.dissolving *
+    stakingRewards.stakingFlowApyPreview[STAKING_APY_PREVIEW_MIN_MONTHS].nonAutoStake.dissolving *
     100;
   const maxApy =
     stakingRewards.stakingFlowApyPreview[ICP_MAX_DISSOLVE_DELAY_MONTHS].autoStake.locked * 100;