From 9e80e0c79d278eceafcbf5ae3909b855cea02053 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Sun, 14 Sep 2025 20:50:21 -0400
Subject: [PATCH] hide subscribe button in settings when paid

---
 .../src/lib/panes/BillingSettingsPane.tsx        | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/libs/components/settings-modal/src/lib/panes/BillingSettingsPane.tsx b/frontend/libs/components/settings-modal/src/lib/panes/BillingSettingsPane.tsx
index 7aead3f92b..237c2f8184 100644
--- a/frontend/libs/components/settings-modal/src/lib/panes/BillingSettingsPane.tsx
+++ b/frontend/libs/components/settings-modal/src/lib/panes/BillingSettingsPane.tsx
@@ -24,11 +24,11 @@ export const BillingSettingsPane = (args: BillingSettingsPaneProps) => {
 
   const maybePlanSlug = subscriptionStore.subscriptionInfo?.productSlug;
 
-  const currentPlan : SubscriptionPlanDetails = maybePlanSlug ? 
+  const currentPlanDetails : SubscriptionPlanDetails = maybePlanSlug ? 
     SUBSCRIPTION_PLANS_BY_SLUG.get(maybePlanSlug) || FREE_PLAN : 
     FREE_PLAN;
-  
-  const isPaidPlan = currentPlan.isPaidPlan;
+
+  const hasPaidPlan = subscriptionStore.hasPaidPlan();
 
   useEffect(() => {
     creditsStore.fetchFromServer();
@@ -49,12 +49,14 @@ export const BillingSettingsPane = (args: BillingSettingsPaneProps) => {
                 icon={faStar}
                 className="text-[#C03FFF] text-lg"
               />
-              {currentPlan.name}
+              {currentPlanDetails.name}
             </div>
             <div className="flex gap-2">
-              <Button variant="secondary" className="h-[30px]">
-                Cancel plan
-              </Button>
+              {hasPaidPlan && (
+                <Button variant="secondary" className="h-[30px]">
+                  Cancel plan
+                </Button>
+              )}
               <Button
                 variant="primary"
                 className="h-[30px]"