diff --git a/src/components/Billing/BillingPage.tsx b/src/components/Billing/BillingPage.tsx index e977ee5dd..54d7285d4 100644 --- a/src/components/Billing/BillingPage.tsx +++ b/src/components/Billing/BillingPage.tsx @@ -41,10 +41,7 @@ export function BillingPage() { queryClient, ); - console.log(billingDetails); - const willBeCanceled = billingDetails?.cancelAtPeriodEnd; - const isCanceled = billingDetails?.status === 'canceled'; const isPastDue = billingDetails?.status === 'past_due'; diff --git a/src/components/Billing/UpgradeAccountModal.tsx b/src/components/Billing/UpgradeAccountModal.tsx index 99cb73ed8..63dda64d9 100644 --- a/src/components/Billing/UpgradeAccountModal.tsx +++ b/src/components/Billing/UpgradeAccountModal.tsx @@ -202,8 +202,9 @@ export function UpgradeAccountModal(props: UpgradeAccountModalProps) {
{USER_SUBSCRIPTION_PLAN_PRICES.map((plan) => { + const isCanceled = userBillingDetails?.status === 'canceled'; const isCurrentPlanSelected = - currentPlan?.priceId === plan.priceId; + currentPlan?.priceId === plan.priceId && !isCanceled; const isYearly = plan.interval === 'year'; return (