Merge pull request #1897 from cprussin/always-enable-deposit

fix(staking): Enable deposit button even if wallet is empty
pyth-network · Sep 11, 2024 · 2edeeba · 2edeeba
2 parents b4ffa77 + e31010d
commit 2edeeba
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/apps/staking/src/components/AccountSummary/index.tsx b/apps/staking/src/components/AccountSummary/index.tsx
@@ -117,6 +117,7 @@ export const AccountSummary = ({
             actionName="Add Tokens"
             max={walletAmount}
             transfer={api.deposit}
+            enableWithZeroMax
           />
         </div>
       </div>

diff --git a/apps/staking/src/components/TransferButton/index.tsx b/apps/staking/src/components/TransferButton/index.tsx
@@ -23,6 +23,7 @@ import { Tokens } from "../Tokens";
 import PythTokensIcon from "../Tokens/pyth.svg";
 
 type Props = Omit<ComponentProps<typeof Button>, "children"> & {
+  enableWithZeroMax?: boolean | undefined;
   actionName: ReactNode;
   actionDescription: ReactNode;
   title?: ReactNode | undefined;
@@ -37,6 +38,7 @@ type Props = Omit<ComponentProps<typeof Button>, "children"> & {
 };
 
 export const TransferButton = ({
+  enableWithZeroMax,
   actionName,
   submitButtonText,
   actionDescription,
@@ -49,7 +51,9 @@ export const TransferButton = ({
 }: Props) => {
   const [closeDisabled, setCloseDisabled] = useState(false);
 
-  return transfer === undefined || isDisabled === true || max === 0n ? (
+  return transfer === undefined ||
+    isDisabled === true ||
+    (max === 0n && !enableWithZeroMax) ? (
     <Button isDisabled={true} {...props}>
       {actionName}
     </Button>