Added error checking when custom amount is greater than Max available

solana-labs · Oct 16, 2023 · 42f9c4f · 42f9c4f
1 parent 7e0d4d6
commit 42f9c4f
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
@@ -67,7 +67,11 @@ export const DepositTokensButton = ({
           <div className="flex flex-col gap-y-4">
             <h2>Deposit tokens</h2>
             <label>
-              Amount to deposit - <a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() : '') }}>Max</a>
+              Amount to deposit
+              {(!amount || amount.length < 0 || parseInt(amount) < humanReadableMax) &&
+                <>
+                  &nbsp;-&nbsp;<a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() : '') }}>Max</a>
+                </>}
             </label>
             <Input
               placeholder={humanReadableMax?.toString() + ' (max)'}
@@ -85,6 +89,7 @@ export const DepositTokensButton = ({
                 await deposit(nativeAmount)
                 setOpenModal(false)
               }}
+              disabled={parseInt(amount) > humanReadableMax}
             >
               Confirm
             </Button>