From 7506fda27a7830ec437c25fdef455547165023fd Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 14:10:03 +0300
Subject: [PATCH 01/23] Prepolutaing the Deposit Max Amount

---
 components/DepositTokensButton.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 4479c76079..973a3ec8a3 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -30,12 +30,11 @@ export const DepositTokensButton = ({
   const depositTooltipContent = !connected
     ? 'Connect your wallet to deposit'
     : !hasTokensInWallet
-    ? "You don't have any governance tokens in your wallet to deposit."
-    : undefined
+      ? "You don't have any governance tokens in your wallet to deposit."
+      : undefined
 
   const ButtonToUse = as === 'primary' ? Button : SecondaryButton
   const [openModal, setOpenModal] = useState(false)
-  const [amount, setAmount] = useState('')
   const mint = useGoverningTokenMint(role)
   const mintInfo = useMintInfoByPubkeyQuery(mint).data?.result
 
@@ -44,6 +43,8 @@ export const DepositTokensButton = ({
       ? undefined
       : depositAmount.shiftedBy(-mintInfo.decimals).toNumber()
 
+  const [amount, setAmount] = useState(humanReadableMax)
+
   const deposit = useDepositCallback(role)
   return (
     <>

From 5b4578f0d99606df05056030cf24a008ecb948a7 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 11:27:22 +0000
Subject: [PATCH 02/23] Added minor error handling for input value being parsed

---
 components/DepositTokensButton.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 973a3ec8a3..178f04c9d6 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -65,7 +65,16 @@ export const DepositTokensButton = ({
               type="number"
               label="Amount to deposit"
               value={amount}
-              onChange={(e) => setAmount(e.target.value)}
+              onChange={(e) => {
+                const inputValue = e.target.value;
+                const parsedValue = parseFloat(inputValue); // or parseInt for integers
+
+                if (!isNaN(parsedValue)) {
+                  setAmount(parsedValue);
+                } else {
+                  setAmount(undefined);
+                }
+              }}
               max={humanReadableMax}
             />
             <Button

From 115a5169526804fadd2b5640e86cba9200482290 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 11:32:07 +0000
Subject: [PATCH 03/23] adjusted setAmount using humanReadableMax string

---
 components/DepositTokensButton.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 178f04c9d6..203f30f283 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -43,7 +43,7 @@ export const DepositTokensButton = ({
       ? undefined
       : depositAmount.shiftedBy(-mintInfo.decimals).toNumber()
 
-  const [amount, setAmount] = useState(humanReadableMax)
+  const [amount, setAmount] = useState(humanReadableMax.toString())
 
   const deposit = useDepositCallback(role)
   return (
@@ -67,13 +67,7 @@ export const DepositTokensButton = ({
               value={amount}
               onChange={(e) => {
                 const inputValue = e.target.value;
-                const parsedValue = parseFloat(inputValue); // or parseInt for integers
-
-                if (!isNaN(parsedValue)) {
-                  setAmount(parsedValue);
-                } else {
-                  setAmount(undefined);
-                }
+                setAmount(inputValue);
               }}
               max={humanReadableMax}
             />

From d98afe69005ca2f585076f03cf6c52a98abd12a9 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 11:36:17 +0000
Subject: [PATCH 04/23] Added one more check in case of undefined
 humanReadableMax

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 203f30f283..76e643ef7c 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -43,7 +43,7 @@ export const DepositTokensButton = ({
       ? undefined
       : depositAmount.shiftedBy(-mintInfo.decimals).toNumber()
 
-  const [amount, setAmount] = useState(humanReadableMax.toString())
+  const [amount, setAmount] = useState(humanReadableMax ? humanReadableMax.toString() : '')
 
   const deposit = useDepositCallback(role)
   return (

From 8da4cd4efc1c2853baffb81b16a003ddb952663d Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 11:56:55 +0000
Subject: [PATCH 05/23] Reduced a few lines of code

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 76e643ef7c..7d996f1819 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -43,7 +43,7 @@ export const DepositTokensButton = ({
       ? undefined
       : depositAmount.shiftedBy(-mintInfo.decimals).toNumber()
 
-  const [amount, setAmount] = useState(humanReadableMax ? humanReadableMax.toString() : '')
+  const [amount, setAmount] = useState(humanReadableMax?.toString() ?? '')
 
   const deposit = useDepositCallback(role)
   return (

From f865635807523a745c88705bd9be1d8ee37be078 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 11:57:08 +0000
Subject: [PATCH 06/23] Reduced a few more lines of code

---
 components/DepositTokensButton.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 7d996f1819..963d23b4c6 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -65,10 +65,7 @@ export const DepositTokensButton = ({
               type="number"
               label="Amount to deposit"
               value={amount}
-              onChange={(e) => {
-                const inputValue = e.target.value;
-                setAmount(inputValue);
-              }}
+              onChange={(e) => { setAmount(e.target.value) }}
               max={humanReadableMax}
             />
             <Button

From b0f53ae91aae8c7a5e4a05a5312dcef279aab472 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:07:52 +0000
Subject: [PATCH 07/23] Added Max button in case the user clears out the input
 field

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 963d23b4c6..2abf9b4558 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -63,7 +63,7 @@ export const DepositTokensButton = ({
             <Input
               placeholder={humanReadableMax?.toString() + ' (max)'}
               type="number"
-              label="Amount to deposit"
+              label={<>Amount to deposit - <a href="#" onClick={(e) => { setAmount(humanReadableMax?.toString()) }}>Max</a></>}
               value={amount}
               onChange={(e) => { setAmount(e.target.value) }}
               max={humanReadableMax}

From 4e5357f2c2c220ebdcd127b303a10ecdeeaf3523 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:08:23 +0000
Subject: [PATCH 08/23] Minor code cleanup

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 2abf9b4558..435977f87b 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -63,7 +63,7 @@ export const DepositTokensButton = ({
             <Input
               placeholder={humanReadableMax?.toString() + ' (max)'}
               type="number"
-              label={<>Amount to deposit - <a href="#" onClick={(e) => { setAmount(humanReadableMax?.toString()) }}>Max</a></>}
+              label={<>Amount to deposit - <a href="#" onClick={() => { setAmount(humanReadableMax?.toString()) }}>Max</a></>}
               value={amount}
               onChange={(e) => { setAmount(e.target.value) }}
               max={humanReadableMax}

From 8da110bcc84cbee66619f6e46da9d8f610b32b9c Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:10:28 +0000
Subject: [PATCH 09/23] Added additional check in case humanReadableMax is 0

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 435977f87b..c234a24dc0 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -43,7 +43,7 @@ export const DepositTokensButton = ({
       ? undefined
       : depositAmount.shiftedBy(-mintInfo.decimals).toNumber()
 
-  const [amount, setAmount] = useState(humanReadableMax?.toString() ?? '')
+  const [amount, setAmount] = useState((humanReadableMax?.toString() && humanReadableMax > 0) ? humanReadableMax.toString() : '')
 
   const deposit = useDepositCallback(role)
   return (

From e7670225a1fec89ff4d28455f65b6454b5f7478e Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:15:26 +0000
Subject: [PATCH 10/23] Additional Error Checking

---
 components/DepositTokensButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index c234a24dc0..833a4c014d 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -43,7 +43,7 @@ export const DepositTokensButton = ({
       ? undefined
       : depositAmount.shiftedBy(-mintInfo.decimals).toNumber()
 
-  const [amount, setAmount] = useState((humanReadableMax?.toString() && humanReadableMax > 0) ? humanReadableMax.toString() : '')
+  const [amount, setAmount] = useState((humanReadableMax && humanReadableMax?.toString() && parseInt(humanReadableMax) > 0) ? humanReadableMax.toString() : '')
 
   const deposit = useDepositCallback(role)
   return (
@@ -63,7 +63,7 @@ export const DepositTokensButton = ({
             <Input
               placeholder={humanReadableMax?.toString() + ' (max)'}
               type="number"
-              label={<>Amount to deposit - <a href="#" onClick={() => { setAmount(humanReadableMax?.toString()) }}>Max</a></>}
+              label={<>Amount to deposit - <a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() || '') }}>Max</a></>}
               value={amount}
               onChange={(e) => { setAmount(e.target.value) }}
               max={humanReadableMax}

From 1c15f3c4af70c3019f3b1dc2a20f1b71e8bac24e Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:15:59 +0000
Subject: [PATCH 11/23] Fixed if/else syntax

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 833a4c014d..874dc5d387 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -63,7 +63,7 @@ export const DepositTokensButton = ({
             <Input
               placeholder={humanReadableMax?.toString() + ' (max)'}
               type="number"
-              label={<>Amount to deposit - <a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() || '') }}>Max</a></>}
+              label={<>Amount to deposit - <a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() : '') }}>Max</a></>}
               value={amount}
               onChange={(e) => { setAmount(e.target.value) }}
               max={humanReadableMax}

From fac3f43bdbf7ac7db4d03a91cb88b01a6b7ff471 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:20:42 +0000
Subject: [PATCH 12/23] Minor fix

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 874dc5d387..b303bb53e8 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -43,7 +43,7 @@ export const DepositTokensButton = ({
       ? undefined
       : depositAmount.shiftedBy(-mintInfo.decimals).toNumber()
 
-  const [amount, setAmount] = useState((humanReadableMax && humanReadableMax?.toString() && parseInt(humanReadableMax) > 0) ? humanReadableMax.toString() : '')
+  const [amount, setAmount] = useState((humanReadableMax && humanReadableMax?.toString() && humanReadableMax > 0) ? humanReadableMax.toString() : '')
 
   const deposit = useDepositCallback(role)
   return (

From 1607801058688cffe1f75c54e1f9c712d03f274c Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:24:59 +0000
Subject: [PATCH 13/23] Remove label prop to outside of Input

---
 components/DepositTokensButton.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index b303bb53e8..a87601dc4c 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -60,10 +60,12 @@ export const DepositTokensButton = ({
         <Modal isOpen={openModal} onClose={() => setOpenModal(false)}>
           <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>
+            </label>
             <Input
               placeholder={humanReadableMax?.toString() + ' (max)'}
               type="number"
-              label={<>Amount to deposit - <a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() : '') }}>Max</a></>}
               value={amount}
               onChange={(e) => { setAmount(e.target.value) }}
               max={humanReadableMax}

From 1922accfe28caca5864e3f746ebde92dd07c2c3a Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:40:34 +0000
Subject: [PATCH 14/23] checking if humanReadable is set

---
 components/DepositTokensButton.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index a87601dc4c..fe633ac93f 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -43,9 +43,10 @@ export const DepositTokensButton = ({
       ? undefined
       : depositAmount.shiftedBy(-mintInfo.decimals).toNumber()
 
-  const [amount, setAmount] = useState((humanReadableMax && humanReadableMax?.toString() && humanReadableMax > 0) ? humanReadableMax.toString() : '')
+  const [amount, setAmount] = useState(humanReadableMax ? humanReadableMax?.toString() : '')
 
   const deposit = useDepositCallback(role)
+
   return (
     <>
       <ButtonToUse

From 7e0d4d689b93195418aafd78d0d6c96c782be79e Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:44:47 +0000
Subject: [PATCH 15/23] Added effect for async humanReadableMax & setting
 setAmount

---
 components/DepositTokensButton.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index fe633ac93f..7a08f03f99 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -5,7 +5,7 @@ import useUserGovTokenAccountQuery from '@hooks/useUserGovTokenAccount'
 import { useDepositCallback } from './GovernancePower/Vanilla/useDepositCallback'
 import useWalletOnePointOh from '@hooks/useWalletOnePointOh'
 import Modal from './Modal'
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
 import useGoverningTokenMint from '@hooks/selectedRealm/useGoverningTokenMint'
 import { useMintInfoByPubkeyQuery } from '@hooks/queries/mintInfo'
 import Input from './inputs/Input'
@@ -43,7 +43,12 @@ export const DepositTokensButton = ({
       ? undefined
       : depositAmount.shiftedBy(-mintInfo.decimals).toNumber()
 
-  const [amount, setAmount] = useState(humanReadableMax ? humanReadableMax?.toString() : '')
+  const [amount, setAmount] = useState('')
+
+  useEffect(() => {
+    if (humanReadableMax && humanReadableMax > 0)
+      setAmount(humanReadableMax ? humanReadableMax.toString() : '')
+  }, [humanReadableMax])
 
   const deposit = useDepositCallback(role)
 

From 42f9c4f3ca97fab12b2423a4b70981534220f258 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:48:57 +0000
Subject: [PATCH 16/23] Added error checking when custom amount is greater than
 Max available

---
 components/DepositTokensButton.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 7a08f03f99..967b95ac95 100644
--- 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>

From 0f6e1f70db2cbce4f00757f87e539fbaea7c4ae0 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:54:20 +0000
Subject: [PATCH 17/23] Added additional undefined check for humanReadableMax

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 967b95ac95..7f16dd4ec0 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -68,7 +68,7 @@ export const DepositTokensButton = ({
             <h2>Deposit tokens</h2>
             <label>
               Amount to deposit
-              {(!amount || amount.length < 0 || parseInt(amount) < humanReadableMax) &&
+              {(!amount || amount.length < 0 || (humanReadableMax && parseInt(amount) < humanReadableMax)) &&
                 <>
                   &nbsp;-&nbsp;<a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() : '') }}>Max</a>
                 </>}

From 3f7aff2fbec5dd9d713c8f5d02e0ddd9bbc7374a Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:55:45 +0000
Subject: [PATCH 18/23] Added disabled Confirm button

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 7f16dd4ec0..3cb967e104 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -89,7 +89,7 @@ export const DepositTokensButton = ({
                 await deposit(nativeAmount)
                 setOpenModal(false)
               }}
-              disabled={parseInt(amount) > humanReadableMax}
+              disabled={(humanReadableMax && parseInt(amount) > humanReadableMax)}
             >
               Confirm
             </Button>

From e0fbd430695c4b80576ed591aac435bb6188385e Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 12:58:32 +0000
Subject: [PATCH 19/23] Code cleanup

---
 components/DepositTokensButton.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 3cb967e104..bf0f45ac95 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -68,10 +68,10 @@ export const DepositTokensButton = ({
             <h2>Deposit tokens</h2>
             <label>
               Amount to deposit
-              {(!amount || amount.length < 0 || (humanReadableMax && parseInt(amount) < humanReadableMax)) &&
-                <>
+              {amount && humanReadableMax && parseInt(amount) < humanReadableMax && (
+                <span>
                   &nbsp;-&nbsp;<a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() : '') }}>Max</a>
-                </>}
+                </span>)}
             </label>
             <Input
               placeholder={humanReadableMax?.toString() + ' (max)'}

From eb273d85472dcce91913182560a27d2b0a49e65b Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 13:04:47 +0000
Subject: [PATCH 20/23] Added Confirm disabled in case criteria is not met for
 wallet holdings

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index bf0f45ac95..d2c91386e6 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -89,7 +89,7 @@ export const DepositTokensButton = ({
                 await deposit(nativeAmount)
                 setOpenModal(false)
               }}
-              disabled={(humanReadableMax && parseInt(amount) > humanReadableMax)}
+              disabled={humanReadableMax !== undefined && parseInt(amount) > humanReadableMax}
             >
               Confirm
             </Button>

From 131eae62167e7b5653c97bf961b001f4669dea3e Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 13:23:18 +0000
Subject: [PATCH 21/23] Persistent Max button

---
 components/DepositTokensButton.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index d2c91386e6..a47214e015 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -68,10 +68,9 @@ export const DepositTokensButton = ({
             <h2>Deposit tokens</h2>
             <label>
               Amount to deposit
-              {amount && humanReadableMax && parseInt(amount) < humanReadableMax && (
-                <span>
-                  &nbsp;-&nbsp;<a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() : '') }}>Max</a>
-                </span>)}
+              <span>
+                &nbsp;-&nbsp;<a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() : '') }}>Max</a>
+              </span>)
             </label>
             <Input
               placeholder={humanReadableMax?.toString() + ' (max)'}

From 6412bdf4f29a38b77b2def39e15b5c6c63ecdf2e Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 13:35:09 +0000
Subject: [PATCH 22/23] Improved disable button & small code cleanup

---
 components/DepositTokensButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index a47214e015..661ef21684 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -70,7 +70,7 @@ export const DepositTokensButton = ({
               Amount to deposit
               <span>
                 &nbsp;-&nbsp;<a href="#" onClick={() => { setAmount(humanReadableMax ? humanReadableMax.toString() : '') }}>Max</a>
-              </span>)
+              </span>
             </label>
             <Input
               placeholder={humanReadableMax?.toString() + ' (max)'}
@@ -88,7 +88,7 @@ export const DepositTokensButton = ({
                 await deposit(nativeAmount)
                 setOpenModal(false)
               }}
-              disabled={humanReadableMax !== undefined && parseInt(amount) > humanReadableMax}
+              disabled={humanReadableMax !== undefined && parseInt(amount) > humanReadableMax && parseInt(amount) > 0}
             >
               Confirm
             </Button>

From 6498f4d18025219373d1632a7890964ec72192a2 Mon Sep 17 00:00:00 2001
From: Kirk <kfournia@gmail.com>
Date: Mon, 16 Oct 2023 13:46:16 +0000
Subject: [PATCH 23/23] Fixed conditional statement for confirm

---
 components/DepositTokensButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/DepositTokensButton.tsx b/components/DepositTokensButton.tsx
index 661ef21684..583b845a74 100644
--- a/components/DepositTokensButton.tsx
+++ b/components/DepositTokensButton.tsx
@@ -88,7 +88,7 @@ export const DepositTokensButton = ({
                 await deposit(nativeAmount)
                 setOpenModal(false)
               }}
-              disabled={humanReadableMax !== undefined && parseInt(amount) > humanReadableMax && parseInt(amount) > 0}
+              disabled={humanReadableMax !== undefined && (parseInt(amount) > humanReadableMax || parseInt(amount) > 0)}
             >
               Confirm
             </Button>