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) &&
}
);