fix(billing): buy credits button instead of link

refs #628
akash-network · Feb 21, 2025 · ce9ae0e · ce9ae0e
1 parent 92b328c
commit ce9ae0e
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx b/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx
@@ -2,6 +2,7 @@
 import { ReactNode, useEffect, useRef, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import {
+  ActionButton,
   Alert,
   CheckboxWithLabel,
   Form,
@@ -230,6 +231,14 @@ export const DeploymentDepositModal: React.FunctionComponent<DeploymentDepositMo
           side: "left",
           onClick: onClose
         },
+        ...(isManaged ? [{
+          label: "Buy credits",
+          color: "primary",
+          variant: "ghost",
+          side: "right",
+          onClick: closePopupAndGoToCheckoutIfPossible,
+          "data-testid": "deposit-modal-buy-credits-button"
+        }] : []),
         {
           label: "Continue",
           color: "secondary",
@@ -240,7 +249,7 @@ export const DeploymentDepositModal: React.FunctionComponent<DeploymentDepositMo
           onClick: onDepositClick,
           "data-testid": "deposit-modal-continue-button"
         }
-      ]}
+      ] as ActionButton[]}
       onClose={onClose}
       enableCloseOnBackdropClick
       title={title}
@@ -295,13 +304,6 @@ export const DeploymentDepositModal: React.FunctionComponent<DeploymentDepositMo
                 );
               }}
             />
-            {isManaged && (
-              <div className="mt-1 flex justify-end text-xs">
-                <LinkTo onClick={closePopupAndGoToCheckoutIfPossible} className="text-primary">
-                  Buy more credits
-                </LinkTo>
-              </div>
-            )}
           </div>
 
           {isCustodial && (