diff --git a/studio/pages/new/[slug].tsx b/studio/pages/new/[slug].tsx
index d1e5ff2433d..9856ec336c9 100644
--- a/studio/pages/new/[slug].tsx
+++ b/studio/pages/new/[slug].tsx
@@ -396,7 +396,7 @@ export const Wizard = observer(() => {
// @ts-ignore
descriptionText={
<>
- Select a pricing plan.
+ Select a plan that suits your needs.
More details
@@ -415,8 +415,8 @@ export const Wizard = observer(() => {
))}
-
-
+
+
>
>
@@ -425,9 +425,10 @@ export const Wizard = observer(() => {
)
})
-const FreeProjectLimitWarning = observer(() => {
+const FreeProjectLimitWarning = observer(({ dbPricingPlan }: { dbPricingPlan: string }) => {
const _pageState = useContext(PageContext)
- if (!_pageState.isOverFreeProjectLimit) return null
+ const isSelectFreeTier = dbPricingPlan === PRICING_PLANS.FREE
+ if (!isSelectFreeTier || !_pageState.isOverFreeProjectLimit) return null
return (
}
@@ -446,12 +447,13 @@ const FreeProjectLimitWarning = observer(() => {
)
})
-const EmptyPaymentMethodWarning = observer(() => {
+const EmptyPaymentMethodWarning = observer(({ dbPricingPlan }: { dbPricingPlan: string }) => {
const _pageState = useContext(PageContext)
const router = useRouter()
const { ui } = useStore()
const [loading, setLoading] = useState(false)
+ const isSelectPadiTier = dbPricingPlan !== PRICING_PLANS.FREE
/**
* Get a link and then redirect them
@@ -467,12 +469,11 @@ const EmptyPaymentMethodWarning = observer(() => {
window.location.replace(billingPortal + (path ? path : null))
} catch (error: any) {
ui.setNotification({ category: 'error', message: `Failed to redirect: ${error.message}` })
- } finally {
setLoading(false)
}
}
- if (!_pageState.isEmptyPaymentMethod) return null
+ if (!isSelectPadiTier || !_pageState.isEmptyPaymentMethod) return null
return (