diff --git a/nym-wallet/src/components/Delegation/DelegationItem.tsx b/nym-wallet/src/components/Delegation/DelegationItem.tsx index d800f9f487..8a3df8dc17 100644 --- a/nym-wallet/src/components/Delegation/DelegationItem.tsx +++ b/nym-wallet/src/components/Delegation/DelegationItem.tsx @@ -28,16 +28,20 @@ export const DelegationItem = ({ onItemActionClick?: (item: DelegationWithEverything, action: DelegationListItemActions) => void; }) => { const operatingCost = isDelegation(item) && item.cost_params?.interval_operating_cost; + const usesVestingContractTokens = item.uses_vesting_contract_tokens; + + const tooltipText = () => { + if (nodeIsUnbonded) { + return 'This node has unbonded and it does not exist anymore. You need to undelegate from it to get your stake and outstanding rewards (if any) back.'; + } else if (usesVestingContractTokens) { + return 'Delegation made with locked tockens'; + } else { + return ''; + } + }; return ( - + {nodeIsUnbonded ? ( diff --git a/nym-wallet/src/pages/delegation/index.tsx b/nym-wallet/src/pages/delegation/index.tsx index 5f581dd967..8fb399c6a8 100644 --- a/nym-wallet/src/pages/delegation/index.tsx +++ b/nym-wallet/src/pages/delegation/index.tsx @@ -343,42 +343,45 @@ export const Delegation: FC<{ isStorybook?: boolean }> = ({ isStorybook }) => { <> - - Delegations - + + {' '} + + + Delegations + + {!!delegations?.length && ( + + )} + + {!!delegations?.length && ( + + )} + {!!delegations?.length && ( - - {!!delegations?.length && ( - - )} - - - - - {nextEpoch instanceof Error ? null : ( - - Next epoch starts at {nextEpoch} - - )} - + + {nextEpoch instanceof Error ? null : ( + + Next epoch starts at {nextEpoch} + + )} )} {delegationsComponent(delegations)}