GSM-471 add enter all amount avalidate for withdraw modal

gnoswap-labs · Dec 19, 2023 · 644708e · 644708e
1 parent d566b8e
commit 644708e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/web/src/components/wallet/withdraw-modal/WithDrawModal.styles.ts b/packages/web/src/components/wallet/withdraw-modal/WithDrawModal.styles.ts
@@ -233,6 +233,10 @@ export const WithdrawContent = styled.div`
       ${fonts.p2}
     }
   }
+
+  .balance-text {
+    cursor: pointer;
+  }
 `;
 
 export const BoxFromTo = styled.div`

diff --git a/packages/web/src/components/wallet/withdraw-modal/WithDrawModal.tsx b/packages/web/src/components/wallet/withdraw-modal/WithDrawModal.tsx
@@ -141,6 +141,12 @@ const WithDrawModal: React.FC<Props> = ({
   const currentAvailableBalance =
     displayBalanceMap?.[withdrawInfo?.path ?? ""] ?? null;
 
+  const handleEnterAllBalanceAvailable = () => {
+    if (currentAvailableBalance) {
+      setAmount(currentAvailableBalance);
+    }
+  };
+
   if (isConfirm) {
     return <WithdrawStatus withdrawResult={result} close={onCancelConfirm} />;
   }
@@ -179,7 +185,10 @@ const WithDrawModal: React.FC<Props> = ({
                   <span className="price-text">
                     {!Number(amount) ? "-" : `$${amount}`}
                   </span>
-                  <span className="balance-text">{`Available: ${
+                  <span
+                    className="balance-text"
+                    onClick={handleEnterAllBalanceAvailable}
+                  >{`Available: ${
                     currentAvailableBalance
                       ? BigNumber(currentAvailableBalance).toFormat()
                       : "-"