From 132c4387d3e65044dccf51cf97d9a2f23b1fe1bd Mon Sep 17 00:00:00 2001
From: hoailp <phuochoaileqn@gmail.com>
Date: Tue, 19 Dec 2023 23:08:11 +0700
Subject: [PATCH] GSM-471 add enter all amount avalidate for withdraw modal

---
 .../wallet/withdraw-modal/WithDrawModal.styles.ts     |  4 ++++
 .../wallet/withdraw-modal/WithDrawModal.tsx           | 11 ++++++++++-
 2 files changed, 14 insertions(+), 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
index 0c3c18ee5..4baef6ab3 100644
--- 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
index da62cda95..7a280f64b 100644
--- 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()
                       : "-"