From 1a57ebf15e8016247a7e146f7dccbaeeed95de45 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Tue, 4 Jul 2023 18:09:40 +0800
Subject: [PATCH] Present use card option only if paid org subscription

---
 .../PaymentMethods/PaymentMethods.tsx         | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/studio/components/interfaces/Organization/BillingSettingsV2/PaymentMethods/PaymentMethods.tsx b/studio/components/interfaces/Organization/BillingSettingsV2/PaymentMethods/PaymentMethods.tsx
index 04b69f49827..0d7ab794e3b 100644
--- a/studio/components/interfaces/Organization/BillingSettingsV2/PaymentMethods/PaymentMethods.tsx
+++ b/studio/components/interfaces/Organization/BillingSettingsV2/PaymentMethods/PaymentMethods.tsx
@@ -32,6 +32,7 @@ const PaymentMethods = () => {
   const [showAddPaymentMethodModal, setShowAddPaymentMethodModal] = useState(false)
 
   const { data: subscription } = useOrgSubscriptionQuery({ orgSlug: slug })
+  console.log(subscription)
   const {
     data: paymentMethods,
     error,
@@ -143,13 +144,17 @@ const PaymentMethods = () => {
                                     size="tiny"
                                     align="end"
                                     overlay={[
-                                      <Dropdown.Item
-                                        key="make-default"
-                                        onClick={() => setSelectedMethodForUse(paymentMethod)}
-                                      >
-                                        Use this card
-                                      </Dropdown.Item>,
-                                      <Dropdown.Separator key="card-separator" />,
+                                      ...(subscription?.plan.id !== 'free'
+                                        ? [
+                                            <Dropdown.Item
+                                              key="make-default"
+                                              onClick={() => setSelectedMethodForUse(paymentMethod)}
+                                            >
+                                              Use this card
+                                            </Dropdown.Item>,
+                                            <Dropdown.Separator key="card-separator" />,
+                                          ]
+                                        : []),
                                       <Dropdown.Item
                                         key="delete-method"
                                         onClick={() => setSelectedMethodToDelete(paymentMethod)}