diff --git a/src/lib/components/billing/estimatedTotalBox.svelte b/src/lib/components/billing/estimatedTotalBox.svelte index 3ff31041c..303e8de23 100644 --- a/src/lib/components/billing/estimatedTotalBox.svelte +++ b/src/lib/components/billing/estimatedTotalBox.svelte @@ -11,6 +11,7 @@ export let couponData: Partial; export let billingBudget: number; export let fixedCoupon = false; // If true, the coupon cannot be removed + export let isDowngrade = false; const today = new Date(); const billingPayDate = new Date(today.getTime() + 30 * 24 * 60 * 60 * 1000); @@ -41,8 +42,8 @@

{formatCurrency(currentPlan.price)}

-

Additional seats ({collaborators?.length})

-

+

Additional seats ({collaborators?.length})

+

{formatCurrency(extraSeatsCost)}

diff --git a/src/lib/components/billing/planComparisonBox.svelte b/src/lib/components/billing/planComparisonBox.svelte index 1b223ebba..98f473ed4 100644 --- a/src/lib/components/billing/planComparisonBox.svelte +++ b/src/lib/components/billing/planComparisonBox.svelte @@ -11,23 +11,25 @@ - - (selectedTab = BillingPlan.FREE)}> - {tierFree.name} - - (selectedTab = BillingPlan.PRO)}> - {tierPro.name} - - (selectedTab = BillingPlan.SCALE)}> - {tierScale.name} - - +
+ + (selectedTab = BillingPlan.FREE)}> + {tierFree.name} + + (selectedTab = BillingPlan.PRO)}> + {tierPro.name} + + (selectedTab = BillingPlan.SCALE)}> + {tierScale.name} + + +
{#if selectedTab === BillingPlan.FREE} @@ -115,3 +117,22 @@ {/if}
+ + diff --git a/src/routes/console/organization-[organization]/change-plan/+page.svelte b/src/routes/console/organization-[organization]/change-plan/+page.svelte index 809c3dafb..ea2a6b9a5 100644 --- a/src/routes/console/organization-[organization]/change-plan/+page.svelte +++ b/src/routes/console/organization-[organization]/change-plan/+page.svelte @@ -290,9 +290,12 @@ Your monthly payments will be adjusted for the Pro plan - After switching plans, you will be charged {formatCurrency( - members * ($plansInfo?.get(billingPlan)?.addons?.member?.price ?? 0) - )} monthly for {members} team members. This will be reflected in your next invoice. + After switching plans, + you will be charged {formatCurrency( + members * ($plansInfo?.get(billingPlan)?.addons?.member?.price ?? 0) + )} monthly for {members} team members. This will be reflected in your + next invoice. {/if} {/if} @@ -337,12 +340,13 @@ {/if} - {#if billingPlan !== BillingPlan.FREE && $organization.billingPlan !== BillingPlan.PRO} + {#if billingPlan !== BillingPlan.FREE && $organization.billingPlan !== billingPlan} + bind:billingBudget + {isDowngrade} /> {:else} {/if} diff --git a/src/routes/console/organization-[organization]/createMember.svelte b/src/routes/console/organization-[organization]/createMember.svelte index 6e27e03ff..c3195a1f2 100644 --- a/src/routes/console/organization-[organization]/createMember.svelte +++ b/src/routes/console/organization-[organization]/createMember.svelte @@ -59,14 +59,12 @@ {#if isCloud} - - {#if $organization?.billingPlan === BillingPlan.SCALE} - You can add unlimited organization members on the {plan.name} plan. - {:else if $organization?.billingPlan === BillingPlan.PRO} + {#if $organization?.billingPlan === BillingPlan.PRO} + You can add unlimited organization members on the {plan.name} plan for {formatCurrency(plan.addons.member.price)} each per billing period. - {/if} - + + {/if} {/if}