From e88a62e2fa1d125cb0c5452caa87de46c33a8d63 Mon Sep 17 00:00:00 2001
From: Jordi Enric <jordi.err@gmail.com>
Date: Thu, 5 Jun 2025 18:34:53 +0200
Subject: [PATCH] Replace support link with ContactSupportButton component in
 Subscription

---
 .../BillingSettings/Subscription/Subscription.tsx   | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/Subscription.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/Subscription.tsx
index 3c31b9a18c1..dd15219055d 100644
--- a/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/Subscription.tsx
+++ b/apps/studio/components/interfaces/Organization/BillingSettings/Subscription/Subscription.tsx
@@ -19,6 +19,7 @@ import { Admonition } from 'ui-patterns'
 import ProjectUpdateDisabledTooltip from '../ProjectUpdateDisabledTooltip'
 import { Restriction } from '../Restriction'
 import PlanUpdateSidePanel from './PlanUpdateSidePanel'
+import { ContactSupportButton } from 'components/ui/ContactSupportButton'
 
 const Subscription = () => {
   const { slug } = useParams()
@@ -109,13 +110,11 @@ const Subscription = () => {
                           title={`Unable to update plan from ${planName}`}
                           actions={[
                             <div key="contact-support">
-                              <Button asChild type="default">
-                                <Link
-                                  href={`/support/new?category=sales&subject=Change%20plan%20away%20from%20${planName}`}
-                                >
-                                  Contact support
-                                </Link>
-                              </Button>
+                              <ContactSupportButton
+                                category="SALES_ENQUIRY"
+                                subject={`Change plan away from ${planName}`}
+                                message="I'd like to change my plan"
+                              />
                             </div>,
                           ]}
                         >