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,
   }
 }