From 1ac639845ca7ce5fee4e5765b8bbf31940917e98 Mon Sep 17 00:00:00 2001
From: hallidayo <22655069+Hallidayo@users.noreply.github.com>
Date: Mon, 23 Dec 2024 13:44:15 +0000
Subject: [PATCH] deprecated: alert - delete payment method modal (#31007)

switch to admonition
---
 .../PaymentMethods/DeletePaymentMethodModal.tsx       | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/studio/components/interfaces/Organization/BillingSettings/PaymentMethods/DeletePaymentMethodModal.tsx b/apps/studio/components/interfaces/Organization/BillingSettings/PaymentMethods/DeletePaymentMethodModal.tsx
index 62b27c9d2a2..e05ff07ce4b 100644
--- a/apps/studio/components/interfaces/Organization/BillingSettings/PaymentMethods/DeletePaymentMethodModal.tsx
+++ b/apps/studio/components/interfaces/Organization/BillingSettings/PaymentMethods/DeletePaymentMethodModal.tsx
@@ -1,9 +1,10 @@
 import { useParams } from 'common'
 import { toast } from 'sonner'
-import { Alert, Button, Modal } from 'ui'
+import { Button, Modal } from 'ui'
 
 import { useOrganizationPaymentMethodDeleteMutation } from 'data/organizations/organization-payment-method-delete-mutation'
 import type { OrganizationPaymentMethod } from 'data/organizations/organization-payment-methods-query'
+import { Admonition } from 'ui-patterns'
 
 export interface DeletePaymentMethodModalProps {
   selectedPaymentMethod?: OrganizationPaymentMethod
@@ -55,9 +56,11 @@ const DeletePaymentMethodModal = ({
       }
     >
       <Modal.Content>
-        <Alert withIcon variant="info" title="This will permanently delete your payment method.">
-          <p>You can re-add the payment method any time.</p>
-        </Alert>
+        <Admonition
+          type="default"
+          title="This will permanently delete your payment method."
+          description="You can re-add the payment method any time."
+        />
       </Modal.Content>
     </Modal>
   )