From ddb7b0e872d770826e52beab71ed8dbbfe03fcf3 Mon Sep 17 00:00:00 2001
From: Gala <calero.vg@gmail.com>
Date: Fri, 16 Dec 2022 08:04:33 +0100
Subject: [PATCH] delegations layout and tooltip when delegate with vesting

---
 .../src/components/Delegation/DelegationItem.tsx      | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/nym-wallet/src/components/Delegation/DelegationItem.tsx b/nym-wallet/src/components/Delegation/DelegationItem.tsx
index 1b4327621c..8cdbe90e0c 100644
--- a/nym-wallet/src/components/Delegation/DelegationItem.tsx
+++ b/nym-wallet/src/components/Delegation/DelegationItem.tsx
@@ -28,6 +28,17 @@ 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 '';
+    }
+  };
 
   const tooltipText = () => {
     if (nodeIsUnbonded) {