feat(namadillo): adding validation to unstake amounts (#994)

anoma · Aug 15, 2024 · c3dbd98 · c3dbd98
1 parent f67437c
commit c3dbd98
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/apps/namadillo/src/App/Staking/Unstake.tsx b/apps/namadillo/src/App/Staking/Unstake.tsx
@@ -138,6 +138,12 @@ const Unstake = (): JSX.Element => {
 
   const validationMessage = ((): string => {
     if (totalStakedAmount.lt(totalUpdatedAmount)) return "Invalid amount";
+
+    for (const address in updatedAmountByAddress) {
+      if (stakedAmountByAddress[address].lt(updatedAmountByAddress[address])) {
+        return "Invalid amount";
+      }
+    }
     return "";
   })();
 

diff --git a/apps/namadillo/src/App/Staking/UnstakeBondingTable.tsx b/apps/namadillo/src/App/Staking/UnstakeBondingTable.tsx
@@ -70,6 +70,7 @@ export const UnstakeBondingTable = ({
       updatedAmountByAddress[validator.address] ?? new BigNumber(0);
 
     const hasNewAmounts = amountToUnstake.gt(0);
+    const newAmount = stakedAmount.minus(amountToUnstake);
 
     return {
       className: "",
@@ -114,9 +115,15 @@ export const UnstakeBondingTable = ({
             <NamCurrency amount={stakedAmount} />
           </span>
           {hasNewAmounts && (
-            <span className="text-orange text-sm">
+            <span
+              className={twMerge(
+                clsx("text-orange text-sm", {
+                  "text-fail": newAmount.lt(0),
+                })
+              )}
+            >
               =
-              <NamCurrency amount={stakedAmount.minus(amountToUnstake)} />
+              <NamCurrency amount={newAmount} />
             </span>
           )}
         </div>,