diff --git a/src/features/rnbw-membership/screens/rnbw-membership-screen/components/RnbwStakingCard.tsx b/src/features/rnbw-membership/screens/rnbw-membership-screen/components/RnbwStakingCard.tsx index 66d28999de0..16e9eb138fd 100644 --- a/src/features/rnbw-membership/screens/rnbw-membership-screen/components/RnbwStakingCard.tsx +++ b/src/features/rnbw-membership/screens/rnbw-membership-screen/components/RnbwStakingCard.tsx @@ -64,60 +64,67 @@ export const RnbwStakingCard = memo(function RnbwStakingCard({ width }: RnbwStak {i18n.t(i18n.l.rnbw_membership.staking_card.stake)} - - - - {nativeCurrencyAmount} - - - {`${tokenAmount} ${RNBW_SYMBOL}`} - - - {hasStakedPosition ? ( - - - + + + + + + {nativeCurrencyAmount} + + + {`${tokenAmount} ${RNBW_SYMBOL}`} + + - ) : ( - - )} - - - - {availableAmount} - - - {i18n.t( - hasStakedPosition - ? i18n.l.rnbw_membership.staking_card.available_to_add - : i18n.l.rnbw_membership.staking_card.available_to_stake + + {hasStakedPosition ? ( + + + + + ) : ( + + )} + {hasMinimumStakeAmount ? ( + + + + {availableAmount} + + + {i18n.t( + hasStakedPosition + ? i18n.l.rnbw_membership.staking_card.available_to_add + : i18n.l.rnbw_membership.staking_card.available_to_stake + )} + + + ) : ( + + {i18n.t(i18n.l.rnbw_membership.staking_card.minimum_stake_amount_required, { minStakeAmount: MIN_STAKE_AMOUNT })} + )} - + - {!hasMinimumStakeAmount && ( - - {i18n.t(i18n.l.rnbw_membership.staking_card.minimum_stake_amount_required, { minStakeAmount: MIN_STAKE_AMOUNT })} - - )} );