From 773938d76379332919dcf09b78f0184965bd3e46 Mon Sep 17 00:00:00 2001 From: Klink <85062+dogmar@users.noreply.github.com> Date: Mon, 13 Nov 2023 13:18:02 -0800 Subject: [PATCH] nicer formatting for pro tier pricing --- pages/pricing.tsx | 7 ++++++- src/data/getPricing.tsx | 22 +++++++++++----------- 2 files changed, 17 insertions(+), 12 deletions(-) diff --git a/pages/pricing.tsx b/pages/pricing.tsx index b4f98e05..e79f9438 100644 --- a/pages/pricing.tsx +++ b/pages/pricing.tsx @@ -90,7 +90,12 @@ export function PlanCard({ color="text-xlight" textStyles={{ '': 'mLabel' }} > - {price} + {price.split(', ').map((line, i, arr) => ( + <> + {line} + {i !== arr.length - 1 && <br />} + </> + ))} </ResponsiveText> </div> {features && ( diff --git a/src/data/getPricing.tsx b/src/data/getPricing.tsx index a3d99c38..b92b6005 100644 --- a/src/data/getPricing.tsx +++ b/src/data/getPricing.tsx @@ -359,20 +359,20 @@ async function getPricingInner( }) const proPlan: Plan = { ...proPlanBase, - ...(clusterMonthlyPricing && userMonthlyPricing - ? { - price: `$${ - Math.round(clusterMonthlyPricing * 100) / 100 - } / cluster, + $${ - Math.round(userMonthlyPricing * 100) / 100 - } / user / month`, - } - : {}), + // TODO: Add this back once APIs are in place + // ...(clusterMonthlyPricing && userMonthlyPricing + // ? { + // price: `$${ + // Math.round(clusterMonthlyPricing * 100) / 100 + // } / cluster, + $${ + // Math.round(userMonthlyPricing * 100) / 100 + // } / user / month`, + // } + // : {}), } return { - // TODO: reinstate this to proPlan once APIs are in place - plans: [freePlanBase, proPlanBase, enterprisePlanBase], + plans: [freePlanBase, proPlan, enterprisePlanBase], plansFeatures: features, } }