From 4b59d3a7191643349afe48c7e253e2dcd91b3ee0 Mon Sep 17 00:00:00 2001
From: Alec WM <alec@owls.io>
Date: Thu, 25 Jul 2024 18:23:12 +1000
Subject: [PATCH] chore: avail estimated rewards (#1156)

---
 .../substrate/NominationPoolsStakeSideSheet.tsx      | 11 ++---------
 .../substrate/NominationPoolsStatisticsSideSheet.tsx |  8 +-------
 .../staking/substrate/StakeCalculatorDialog.tsx      | 12 ------------
 .../widgets/staking/substrate/StakeForm.tsx          |  7 +------
 .../widgets/staking/substrate/StakeProviders.tsx     |  9 +--------
 5 files changed, 5 insertions(+), 42 deletions(-)

diff --git a/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStakeSideSheet.tsx b/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStakeSideSheet.tsx
index 8c2d56307..5329fb532 100644
--- a/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStakeSideSheet.tsx
+++ b/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStakeSideSheet.tsx
@@ -1,4 +1,4 @@
-import { ChainProvider, useChainState } from '../../../../domains/chains'
+import { ChainProvider } from '../../../../domains/chains'
 import { nominationPoolsEnabledChainsState, type ChainInfo } from '../../../../domains/chains/recoils'
 import { useEraEtaFormatter } from '../../../../domains/common/hooks'
 import { useApr } from '../../../../domains/staking/substrate/nominationPools'
@@ -7,19 +7,12 @@ import StakeForm from '../../../recipes/StakeForm/StakeForm'
 import ErrorBoundary from '../../ErrorBoundary'
 import { AssetSelect, ControlledStakeForm } from './StakeForm'
 import { CircularProgressIndicator } from '@talismn/ui'
-import { Text } from '@talismn/ui'
 import BN from 'bn.js'
 import { Suspense, useState, useTransition } from 'react'
 import { useSearchParams } from 'react-router-dom'
 import { useRecoilValue } from 'recoil'
 
-const Rewards = () => {
-  const chain = useRecoilValue(useChainState())
-  const apr = useApr()
-
-  if (chain.id === 'avail') return <Text.Body>Coming Soon</Text.Body>
-  return <>{apr.toLocaleString(undefined, { style: 'percent', maximumFractionDigits: 2 })}</>
-}
+const Rewards = () => <>{useApr().toLocaleString(undefined, { style: 'percent', maximumFractionDigits: 2 })}</>
 
 const EraEta = () => {
   return <>{useEraEtaFormatter()(new BN(1))}</>
diff --git a/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStatisticsSideSheet.tsx b/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStatisticsSideSheet.tsx
index ec0857a0b..bc81f5c9a 100644
--- a/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStatisticsSideSheet.tsx
+++ b/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStatisticsSideSheet.tsx
@@ -305,13 +305,7 @@ const ExistingPool = (props: NominationPoolsStatisticsSideSheetProps & { pool: D
       poolStatus={props.pool.status}
       balance={<RedactableBalance>{balance.decimalAmount.toLocaleString()}</RedactableBalance>}
       rewards={<RedactableBalance>{last15DaysTotalPayouts.toLocaleString()}</RedactableBalance>}
-      apr={
-        chain.id === 'avail' ? (
-          <Text.Body>Coming Soon</Text.Body>
-        ) : (
-          stakedReturn.toLocaleString(undefined, { style: 'percent' })
-        )
-      }
+      apr={stakedReturn.toLocaleString(undefined, { style: 'percent' })}
       nextEraEta={useEraEtaFormatter()(1)}
       unbondings={useMemo(
         () =>
diff --git a/apps/portal/src/components/widgets/staking/substrate/StakeCalculatorDialog.tsx b/apps/portal/src/components/widgets/staking/substrate/StakeCalculatorDialog.tsx
index 9a5bbc21d..20b7f8f52 100644
--- a/apps/portal/src/components/widgets/staking/substrate/StakeCalculatorDialog.tsx
+++ b/apps/portal/src/components/widgets/staking/substrate/StakeCalculatorDialog.tsx
@@ -4,7 +4,6 @@ import { useApr } from '../../../../domains/staking/substrate/nominationPools'
 import StakeCalculatorDialogComponent from '../../../recipes/StakeCalculatorDialog'
 import ErrorBoundary from '../../ErrorBoundary'
 import { AssetSelect } from './StakeForm'
-import { Text } from '@talismn/ui'
 import BN from 'bn.js'
 import { Suspense, useDeferredValue, useMemo, useState, useTransition } from 'react'
 import { useRecoilValue } from 'recoil'
@@ -12,7 +11,6 @@ import { useRecoilValue } from 'recoil'
 type StakeCalculatorDialogProps = { open?: boolean; onRequestDismiss: () => unknown }
 
 const EstimatedYield = (props: { amount: string }) => {
-  const chain = useRecoilValue(useChainState())
   const stakedReturn = useApr()
 
   const amount = useTokenAmount(props.amount)
@@ -30,16 +28,6 @@ const EstimatedYield = (props: { amount: string }) => {
 
   const dailyYield = useTokenAmountFromPlanck(useMemo(() => bnPlanck?.divn(365), [bnPlanck]))
 
-  if (chain.id === 'avail')
-    return (
-      <StakeCalculatorDialogComponent.EstimatedYield
-        annualYield={<Text.Body>Coming Soon</Text.Body>}
-        monthlyYield={monthlyYield.decimalAmount?.toLocaleString()}
-        weeklyYield={weeklyYield.decimalAmount?.toLocaleString()}
-        dailyYield={dailyYield.decimalAmount?.toLocaleString()}
-      />
-    )
-
   return (
     <StakeCalculatorDialogComponent.EstimatedYield
       annualYield={annualYield.decimalAmount?.toLocaleString()}
diff --git a/apps/portal/src/components/widgets/staking/substrate/StakeForm.tsx b/apps/portal/src/components/widgets/staking/substrate/StakeForm.tsx
index a4abc4564..c208a7a4a 100644
--- a/apps/portal/src/components/widgets/staking/substrate/StakeForm.tsx
+++ b/apps/portal/src/components/widgets/staking/substrate/StakeForm.tsx
@@ -2,7 +2,6 @@ import { writeableSubstrateAccountsState, type Account } from '../../../../domai
 import {
   ChainProvider,
   assertChain,
-  useChainState as Chains_useChainState,
   nominationPoolsEnabledChainsState,
   useChainState as useChainRecoilState,
   useNativeTokenDecimalState,
@@ -37,7 +36,7 @@ import PoolClaimPermissionDialog, {
 import UnstakeDialog from './UnstakeDialog'
 import type { ApiPromise } from '@polkadot/api'
 import { type Decimal } from '@talismn/math'
-import { Text, CircularProgressIndicator, Select } from '@talismn/ui'
+import { CircularProgressIndicator, Select } from '@talismn/ui'
 import BN from 'bn.js'
 import {
   Suspense,
@@ -247,7 +246,6 @@ export const AssetSelect = <T extends ChainInfo>(props: {
 
 const EstimatedYield = memo(
   (props: { amount: Decimal }) => {
-    const chain = useRecoilValue(Chains_useChainState())
     const stakedReturn = useApr()
     const annualReturn = useMemo(
       () => new BN(props.amount.planck.toString()).muln(stakedReturn),
@@ -255,9 +253,6 @@ const EstimatedYield = memo(
     )
     const parsedAnnualReturn = useTokenAmountFromPlanck(annualReturn)
 
-    if (chain.id === 'avail')
-      return <StakeFormComponent.EstimatedYield amount={<Text.Body>Coming Soon</Text.Body>} fiatAmount={null} />
-
     return (
       <StakeFormComponent.EstimatedYield
         amount={`${parsedAnnualReturn.decimalAmount.toLocaleString()} / Year`}
diff --git a/apps/portal/src/components/widgets/staking/substrate/StakeProviders.tsx b/apps/portal/src/components/widgets/staking/substrate/StakeProviders.tsx
index a686629ad..d8eef7ac4 100644
--- a/apps/portal/src/components/widgets/staking/substrate/StakeProviders.tsx
+++ b/apps/portal/src/components/widgets/staking/substrate/StakeProviders.tsx
@@ -9,19 +9,12 @@ import RedactableBalance from '../../RedactableBalance'
 import ErrorBoundaryFallback from '../ErrorBoundaryFallback'
 import { Decimal } from '@talismn/math'
 import { usePolkadotApiId, useQueryState } from '@talismn/react-polkadot-api'
-import { Text } from '@talismn/ui'
 import BigNumber from 'bignumber.js'
 import { useMemo } from 'react'
 import { Link } from 'react-router-dom'
 import { useRecoilValue, waitForAll } from 'recoil'
 
-const Apr = () => {
-  const chain = useRecoilValue(useChainState())
-  const apr = useApr()
-
-  if (chain.id === 'avail') return <Text.BodySmall>Coming Soon</Text.BodySmall>
-  return <>{apr.toLocaleString(undefined, { style: 'percent', maximumFractionDigits: 2 })}</>
-}
+const Apr = () => <>{useApr().toLocaleString(undefined, { style: 'percent', maximumFractionDigits: 2 })}</>
 
 const useAvailableBalance = () => {
   const apiId = usePolkadotApiId()