fix: unbonding or transition button should be hidden after unboning r…

…equested (#532)
babylonlabs-io · Dec 20, 2024 · 0f6a232 · 0f6a232
1 parent 9aa456d
commit 0f6a232
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/app/components/Delegations/DelegationActions.tsx b/src/app/components/Delegations/DelegationActions.tsx
@@ -27,6 +27,11 @@ export const DelegationActions: React.FC<DelegationActionsProps> = ({
   const [isPopoverOpen, setIsPopoverOpen] = useState(false);
   const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);
 
+  // We no longer show the transition button when the unbonding transaction is pending
+  if (intermediateState === DelegationState.INTERMEDIATE_UNBONDING) {
+    return null;
+  }
+
   // Unbonded
   if (state === DelegationState.UNBONDED) {
     return (
@@ -48,11 +53,7 @@ export const DelegationActions: React.FC<DelegationActionsProps> = ({
   }
 
   // Active, eligible for transition
-  if (
-    state === DelegationState.ACTIVE ||
-    isEligibleForTransition ||
-    state === DelegationState.WITHDRAWN
-  ) {
+  if (state === DelegationState.ACTIVE || isEligibleForTransition) {
     return (
       <div
         className="flex justify-end lg:justify-start"

diff --git a/src/utils/getState.ts b/src/utils/getState.ts
@@ -38,6 +38,8 @@ export const getStateTooltip = (state: string) => {
   switch (state) {
     case DelegationState.ACTIVE: // active state is shwon
       return "Stake is active";
+    case DelegationState.UNBONDING_REQUESTED:
+      return "Stake is requesting unbonding";
     case DelegationState.UNBONDED:
       return "Stake has been unbonded";
     case DelegationState.WITHDRAWN: