nicer formatting for pro tier pricing

pluralsh · Nov 13, 2023 · 773938d · 773938d
1 parent daa7ebc
commit 773938d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 12 deletions.
diff --git 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
@@ -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,
   }
 }