diff --git a/studio/pages/new/[slug].tsx b/studio/pages/new/[slug].tsx index 3ea5f5d5c1f..0f8a6baf269 100644 --- a/studio/pages/new/[slug].tsx +++ b/studio/pages/new/[slug].tsx @@ -106,7 +106,9 @@ export const Wizard = observer(() => { const isSelectFreeTier = dbPricingPlan === PRICING_PLANS.FREE const canCreateProject = - currentOrg?.is_owner && (!isSelectFreeTier || (isSelectFreeTier && !isOverFreeProjectLimit)) + currentOrg?.is_owner && + subscriptionStats != undefined && + (!isSelectFreeTier || (isSelectFreeTier && !isOverFreeProjectLimit)) const canSubmit = projectName != '' && @@ -345,7 +347,9 @@ export const Wizard = observer(() => { ))} - {isSelectFreeTier && isOverFreeProjectLimit && } + {isSelectFreeTier && isOverFreeProjectLimit && ( + + )} {!isSelectFreeTier && isEmptyPaymentMethod && ( )} @@ -379,7 +383,7 @@ const NotOrganizationOwnerWarning = () => { ) } -const FreeProjectLimitWarning = () => { +const FreeProjectLimitWarning = ({ limit }: { limit: number }) => { return (
{ description={

- Your account can only have a maximum of 2 free projects. You can only choose paid - pricing plan. + {`Your account can only have a maximum of ${limit} free projects. You can only choose paid + pricing plan.`}

}