diff --git a/packages/extension-polkagate/src/fullscreen/stake/stakingPositions/PositionItem.tsx b/packages/extension-polkagate/src/fullscreen/stake/stakingPositions/PositionItem.tsx index 78fb4bfd8..6cfc02e36 100644 --- a/packages/extension-polkagate/src/fullscreen/stake/stakingPositions/PositionItem.tsx +++ b/packages/extension-polkagate/src/fullscreen/stake/stakingPositions/PositionItem.tsx @@ -87,16 +87,17 @@ export const ChainIdentifier = ({ genesisHash }: TokenInfoProps) => { }; interface Props extends TokenInfoProps { - type: 'pool' | 'solo'; balance: BN; claimPermissions?: PalletNominationPoolsClaimPermission['type'], - price: number; decimal: number; - token: string; isSelected?: boolean; + price: number; + token: string; + totalPositions: number; + type: 'pool' | 'solo'; } -function PositionItem ({ balance, claimPermissions, decimal, genesisHash, isSelected, price, token, type }: Props) { +function PositionItem ({ balance, claimPermissions, decimal, genesisHash, isSelected, price, token, totalPositions, type }: Props) { const { address } = useParams<{ address: string }>(); const navigate = useNavigate(); const hasPoolStaking = useMemo(() => type === 'pool', [type]); @@ -123,7 +124,7 @@ function PositionItem ({ balance, claimPermissions, decimal, genesisHash, isSele return ( - + 1 ? '4px' : '4px 30px 4px 4px', pl: '18px' }}> @@ -138,7 +139,9 @@ function PositionItem ({ balance, claimPermissions, decimal, genesisHash, isSele - + {totalPositions > 1 && + + } ); diff --git a/packages/extension-polkagate/src/fullscreen/stake/stakingPositions/index.tsx b/packages/extension-polkagate/src/fullscreen/stake/stakingPositions/index.tsx index a30b3c120..2c043d0e3 100644 --- a/packages/extension-polkagate/src/fullscreen/stake/stakingPositions/index.tsx +++ b/packages/extension-polkagate/src/fullscreen/stake/stakingPositions/index.tsx @@ -29,6 +29,7 @@ interface PositionOptionsProps { const PositionOptions = ({ isSelected, positionItems, pricesInCurrency, state }: PositionOptionsProps) => { const { t } = useTranslation(); + const totalPositions = positionItems?.length ?? 0; return ( <> @@ -52,6 +53,7 @@ const PositionOptions = ({ isSelected, positionItems, pricesInCurrency, state }: price={price} token={token} type='pool' + totalPositions={totalPositions} />} {soloTotal && !soloTotal?.isZero() && ['both', 'solo'].includes(state.stakingType) && } );