fix: more coming soon text for avail

apps/portal/src/components/widgets/staking/substrate/NominationPoolsStatisticsSideSheet.tsx

@@ -305,7 +305,13 @@ const ExistingPool = (props: NominationPoolsStatisticsSideSheetProps & { pool: D
       poolStatus={props.pool.status}
       balance={<RedactableBalance>{balance.decimalAmount.toLocaleString()}</RedactableBalance>}
       rewards={<RedactableBalance>{last15DaysTotalPayouts.toLocaleString()}</RedactableBalance>}
-      apr={stakedReturn.toLocaleString(undefined, { style: 'percent' })}
+      apr={
+        chain.id === 'avail' ? (
+          <Text.Body>Coming Soon</Text.Body>
+        ) : (
+          stakedReturn.toLocaleString(undefined, { style: 'percent' })
+        )
+      }
       nextEraEta={useEraEtaFormatter()(1)}
       unbondings={useMemo(
         () =>

apps/portal/src/components/widgets/staking/substrate/StakeCalculatorDialog.tsx

@@ -4,13 +4,15 @@ 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'
 
 type StakeCalculatorDialogProps = { open?: boolean; onRequestDismiss: () => unknown }
 
 const EstimatedYield = (props: { amount: string }) => {
+  const chain = useRecoilValue(useChainState())
   const stakedReturn = useApr()
 
   const amount = useTokenAmount(props.amount)
@@ -28,6 +30,16 @@ 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()}

apps/portal/src/components/widgets/staking/substrate/StakeForm.tsx

@@ -2,6 +2,7 @@ import { writeableSubstrateAccountsState, type Account } from '../../../../domai
 import {
   ChainProvider,
   assertChain,
+  useChainState as Chains_useChainState,
   nominationPoolsEnabledChainsState,
   useChainState as useChainRecoilState,
   useNativeTokenDecimalState,
@@ -36,7 +37,7 @@ import PoolClaimPermissionDialog, {
 import UnstakeDialog from './UnstakeDialog'
 import type { ApiPromise } from '@polkadot/api'
 import { type Decimal } from '@talismn/math'
-import { CircularProgressIndicator, Select } from '@talismn/ui'
+import { Text, CircularProgressIndicator, Select } from '@talismn/ui'
 import BN from 'bn.js'
 import {
   Suspense,
@@ -246,13 +247,17 @@ 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),
       [props.amount.planck, stakedReturn]
     )
     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`}