diff --git a/packages/page-staking/src/Targets/Summary.tsx b/packages/page-staking/src/Targets/Summary.tsx index d439bca886..bd47684714 100644 --- a/packages/page-staking/src/Targets/Summary.tsx +++ b/packages/page-staking/src/Targets/Summary.tsx @@ -13,13 +13,14 @@ import { FormatBalance } from '@polkadot/react-query'; import { useTranslation } from '../translate'; interface Props { + avgStaked?: BN; lastReward?: BN; numNominators?: number; numValidators?: number; totalStaked?: BN; } -function Summary ({ lastReward, numNominators, numValidators, totalStaked }: Props): React.ReactElement { +function Summary ({ avgStaked, lastReward, numNominators, numValidators, totalStaked }: Props): React.ReactElement { const { t } = useTranslation(); const { api } = useApi(); const totalIssuance = useCall(api.query.balances?.totalIssuance, []); @@ -62,9 +63,20 @@ function Summary ({ lastReward, numNominators, numValidators, totalStaked }: Pro )} + {avgStaked && ( + ('avg staked')}`} + > + + + )} {numValidators && numNominators && ( - ('validators')} / ${t('nominators')}`}> - {numValidators} / {numNominators} + ('nominators')} / ${t('validators')}`}> + {numNominators} / {numValidators} )} {lastReward?.gtn(0) && ( diff --git a/packages/page-staking/src/Targets/index.tsx b/packages/page-staking/src/Targets/index.tsx index 0b15fd31cc..64c6bdadbc 100644 --- a/packages/page-staking/src/Targets/index.tsx +++ b/packages/page-staking/src/Targets/index.tsx @@ -65,7 +65,7 @@ function extractNominees (ownNominators: StakerState[] = []): string[] { return myNominees; } -function Targets ({ className = '', isInElection, ownStashes, targets: { calcWith, lastReward, nominators, setCalcWith, totalStaked, validators }, toggleFavorite }: Props): React.ReactElement { +function Targets ({ className = '', isInElection, ownStashes, targets: { avgStaked, calcWith, lastReward, nominators, setCalcWith, totalStaked, validators }, toggleFavorite }: Props): React.ReactElement { const { t } = useTranslation(); const allSlashes = useAvailableSlashes(); const ownNominators = useOwnNominators(ownStashes); @@ -175,6 +175,7 @@ function Targets ({ className = '', isInElection, ownStashes, targets: { calcWit return (
accountId.toString()); - return { nominators, totalStaked, validatorIds, validators }; + return { avgStaked: totalStaked.divn(electedDerive.info.length), nominators, totalStaked, validatorIds, validators }; } export default function useSortedTargets (favorites: string[]): SortedTargets {