From ce9ae0e0129c4150c13bc2d5dd7cd7c8c4d6874f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B3zsef=20Kozma?= <jozsef.kozma@gmail.com>
Date: Fri, 21 Feb 2025 20:23:25 +0100
Subject: [PATCH] fix(billing): buy credits button instead of link

refs #628
---
 .../deployments/DeploymentDepositModal.tsx     | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx b/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx
index ab0a310ab..609f89041 100644
--- 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 && (