Select recommended pool and saturationErrorBanner

app/frontend/actions.ts

@@ -975,8 +975,8 @@ export default ({setState, getState}: {setState: SetStateFn; getState: GetStateF
     validateDelegationAndCalculateFee()
   }
 
-  const selectAdaliteStakepool = () => {
-    updateStakePoolIdentifier(getState(), null, ADALITE_CONFIG.ADALITE_STAKE_POOL_ID)
+  const selectAdaliteStakepool = (state: State) => {
+    updateStakePoolIdentifier(getState(), null, state.poolRecommendation.recommendedPoolHash)
   }
 
   /* SUBMIT TX */
@@ -1060,7 +1060,7 @@ export default ({setState, getState}: {setState: SetStateFn; getState: GetStateF
       resetAmountFields(state)
       wallet.generateNewSeeds()
       await reloadWalletInfo(state)
-      selectAdaliteStakepool()
+      selectAdaliteStakepool(state)
       setState({
         waitingForHwWallet: false,
         txSuccessTab: sendResponse && sendResponse.success ? txTab : '',

app/frontend/components/pages/dashboard/dashboardPage.tsx

@@ -16,6 +16,7 @@ import InfoModal from '../../common/infoModal'
 import NotShelleyCompatibleDialog from '../login/nonShelleyCompatibleDialog'
 import DashboardErrorBanner from './dashboardErrorBanner'
 import PremiumBanner from './premiumBanner'
+import SaturationErrorBanner from './saturationErrorBanner'
 
 interface Props {
   displayStakingPage: any
@@ -77,6 +78,7 @@ class DashboardPage extends Component<Props> {
       shouldShowNonShelleyCompatibleDialog,
       displayInfoModal,
       shouldShowPremiumBanner,
+      shouldShowSaturatedBanner,
     },
     {selectedMainTab}
   ) {
@@ -87,6 +89,7 @@ class DashboardPage extends Component<Props> {
         {shouldShowNonShelleyCompatibleDialog && <NotShelleyCompatibleDialog />}
         {!isShelleyCompatible && <DashboardErrorBanner />}
         {shouldShowPremiumBanner && <PremiumBanner />}
+        {shouldShowSaturatedBanner && <SaturationErrorBanner />}
         {ADALITE_CONFIG.ADALITE_CARDANO_VERSION === 'shelley' && (
           <ul className="tabinator">
             {mainTabs.map((name, i) => (
@@ -172,6 +175,7 @@ export default connect(
     isShelleyCompatible: state.isShelleyCompatible,
     shouldShowNonShelleyCompatibleDialog: state.shouldShowNonShelleyCompatibleDialog,
     shouldShowPremiumBanner: state.shouldShowPremiumBanner,
+    shouldShowSaturatedBanner: state.poolRecommendation.shouldShowSaturatedBanner,
   }),
   actions
 )(DashboardPage)

app/frontend/components/pages/dashboard/saturationErrorBanner.tsx

@@ -0,0 +1,13 @@
+import {h} from 'preact'
+import ErrorBanner from '../login/errorBanner'
+
+const SaturationErrorBanner = () => {
+  const message = 'One of the pool you are delegating to is saturated.'
+  return (
+    <a style={'width: 100%;margin-bottom: 20px;'}>
+      <ErrorBanner message={message} />
+    </a>
+  )
+}
+
+export default SaturationErrorBanner

app/frontend/components/pages/delegations/delegatePage.tsx

@@ -8,7 +8,7 @@ import TransactionErrorModal from '../../pages/sendAda/transactionErrorModal'
 import {getTranslation} from '../../../translations'
 import {errorHasHelp} from '../../../helpers/errorsWithHelp'
 import ConfirmTransactionDialog from '../../pages/sendAda/confirmTransactionDialog'
-import {Lovelace} from '../../../state'
+import {Lovelace, State} from '../../../state'
 import {ADALITE_CONFIG} from '../../../config'
 import Accordion from '../../common/accordion'
 
@@ -85,6 +85,7 @@ interface Props {
   shouldShowConfirmTransactionDialog: any
   txSuccessTab: any
   gettingPoolInfo: boolean
+  poolRecommendation: any
   pool: any
 }
 
@@ -112,6 +113,7 @@ class Delegate extends Component<Props> {
     shouldShowConfirmTransactionDialog,
     txSuccessTab,
     gettingPoolInfo,
+    poolRecommendation,
     pool,
   }) {
     const delegationHandler = async () => {
@@ -123,7 +125,9 @@ class Delegate extends Component<Props> {
     return (
       <div className="delegate card">
         <Accordion
-          initialVisibility={!Object.keys(pool).length}
+          initialVisibility={
+            poolRecommendation.shouldShowSaturatedBanner || !Object.keys(pool).length
+          }
           header={<h2 className="card-title no-margin">Delegate Stake</h2>}
           body={
             <Fragment>
@@ -200,7 +204,7 @@ class Delegate extends Component<Props> {
 }
 
 export default connect(
-  (state) => ({
+  (state: State) => ({
     stakePool: state.shelleyDelegation.selectedPool,
     calculatingDelegationFee: state.calculatingDelegationFee,
     delegationFee: state.shelleyDelegation.delegationFee,
@@ -211,6 +215,7 @@ export default connect(
     txSuccessTab: state.txSuccessTab,
     gettingPoolInfo: state.gettingPoolInfo,
     isShelleyCompatible: state.isShelleyCompatible,
+    poolRecommendation: state.poolRecommendation,
     pool: state.shelleyAccountInfo.delegation,
   }),
   actions

app/frontend/state.ts

@@ -136,6 +136,12 @@ export interface State {
   }
   txConfirmType: string
   txSuccessTab: string
+  poolRecommendation: {
+    isInRecommendedPoolSet: boolean
+    recommendedPoolHash: string
+    status: string
+    shouldShowSaturatedBanner: boolean
+  }
 }
 
 const initialState: State = {
@@ -234,6 +240,12 @@ const initialState: State = {
   txConfirmType: '',
   txSuccessTab: '',
   keepConfirmationDialogOpen: false,
+  poolRecommendation: {
+    isInRecommendedPoolSet: true,
+    recommendedPoolHash: '',
+    status: '',
+    shouldShowSaturatedBanner: false,
+  },
 }
 
 export {initialState}

app/frontend/wallet/blockchain-explorer.ts

@@ -357,6 +357,17 @@ const blockchainExplorer = (ADALITE_CONFIG) => {
     }
   }
 
+  function getPoolRecommendation(poolHash: string, stake: number): Promise<any> {
+    const url = `${
+      ADALITE_CONFIG.ADALITE_BLOCKCHAIN_EXPLORER_URL
+    }/api/account/poolRecommendation/poolHash/${poolHash}/stake/${stake}`
+    return request(url).catch(() => ({
+      recommendedPoolHash: ADALITE_CONFIG.ADALITE_STAKE_POOL_ID,
+      isInRecommendedPoolSet: true,
+      status: 'GivedPoolOk',
+    }))
+  }
+
   return {
     getTxHistory,
     fetchTxRaw,
@@ -369,6 +380,7 @@ const blockchainExplorer = (ADALITE_CONFIG) => {
     getPoolInfo,
     getStakingHistory,
     getRewardDetails,
+    getPoolRecommendation,
   }
 }
 

app/frontend/wallet/cardano-wallet.ts

@@ -12,6 +12,7 @@ import {computeRequiredTxFee, selectMinimalTxPlan, isUtxoProfitable} from './byr
 import {MaxAmountCalculator} from './max-amount-calculator'
 // eslint-disable-next-line no-unused-vars
 import {TxPlan} from './shelley/build-transaction'
+import {ADALITE_CONFIG} from '../config'
 
 const {
   getMaxDonationAmount: _getMaxDonationAmount,
@@ -259,6 +260,10 @@ const CardanoWallet = (options) => {
     return {code: 'UnsupportedOperation', message: ''}
   }
 
+  function getPoolRecommendation() {
+    return ADALITE_CONFIG.ADALITE_STAKE_POOL_ID
+  }
+
   return {
     isHwWallet,
     getWalletName,
@@ -281,6 +286,7 @@ const CardanoWallet = (options) => {
     getMaxNonStakingAmount,
     getPoolInfo,
     checkCryptoProviderVersion,
+    getPoolRecommendation,
   }
 }
 

app/frontend/wallet/shelley-wallet.ts

@@ -164,6 +164,7 @@ const ShelleyBlockchainExplorer = (config) => {
     getStakingHistory: be.getStakingHistory,
     getBestSlot,
     getRewardDetails: be.getRewardDetails,
+    getPoolRecommendation: be.getPoolRecommendation,
   }
 }
 const ShelleyWallet = ({
@@ -343,6 +344,10 @@ const ShelleyWallet = ({
     const visibleAddresses = await getVisibleAddresses()
     const transactionHistory = await getHistory()
     const stakingHistory = await getStakingHistory(shelleyAccountInfo, validStakepools)
+    const poolRecommendation = await getPoolRecommendation(
+      shelleyAccountInfo.delegation,
+      stakingBalance
+    )
     return {
       validStakepools,
       balance,
@@ -355,6 +360,7 @@ const ShelleyWallet = ({
       transactionHistory,
       stakingHistory,
       visibleAddresses,
+      poolRecommendation,
     }
   }
 
@@ -474,6 +480,17 @@ const ShelleyWallet = ({
     return null
   }
 
+  async function getPoolRecommendation(pool: any, stake: number): Promise<any> {
+    const poolHash = pool ? pool.poolHash : null
+    const poolRecommendation = await blockchainExplorer.getPoolRecommendation(poolHash, stake)
+    const delegatesToRecommended = poolRecommendation.recommendedPoolHash === pool.poolHash
+    return {
+      ...poolRecommendation,
+      shouldShowSaturatedBanner:
+        !delegatesToRecommended && poolRecommendation.status === 'GivenPoolSaturated',
+    }
+  }
+
   return {
     isHwWallet,
     getWalletName,
@@ -497,6 +514,7 @@ const ShelleyWallet = ({
     getWalletInfo,
     getPoolInfo,
     checkCryptoProviderVersion,
+    getPoolRecommendation,
   }
 }