From 4e38a8c06d0c05157882342355b44b1eeb8b31c7 Mon Sep 17 00:00:00 2001 From: Dotan Simha Date: Thu, 19 May 2022 13:37:32 +0300 Subject: [PATCH] Billing fixes and limts (#29) --- .../organization/billing/BillingPlanPicker.tsx | 2 +- .../components/organization/billing/PlanSummary.tsx | 13 ++----------- .../src/components/organization/billing/helpers.tsx | 2 +- 3 files changed, 4 insertions(+), 13 deletions(-) diff --git a/packages/web/app/src/components/organization/billing/BillingPlanPicker.tsx b/packages/web/app/src/components/organization/billing/BillingPlanPicker.tsx index 7ed4f52ea..ca2d06320 100644 --- a/packages/web/app/src/components/organization/billing/BillingPlanPicker.tsx +++ b/packages/web/app/src/components/organization/billing/BillingPlanPicker.tsx @@ -222,7 +222,7 @@ export const BillingPlanPicker: React.FC<{ title="Monthly GraphQL operations limit" min={5} step={1} - max={200} + max={300} value={operationsRateLimit} marks={[ { diff --git a/packages/web/app/src/components/organization/billing/PlanSummary.tsx b/packages/web/app/src/components/organization/billing/PlanSummary.tsx index 699e81cf7..fde8c2102 100644 --- a/packages/web/app/src/components/organization/billing/PlanSummary.tsx +++ b/packages/web/app/src/components/organization/billing/PlanSummary.tsx @@ -144,22 +144,13 @@ export const PlanSummary: React.FC<{ Operations Limit up to - - {plan.planType === BillingPlanType.Hobby - ? plan.includedOperationsLimit / 1_000_000 - : operationsRateLimit} - M - + {operationsRateLimit}M per month Schema Pushes Limit up to - - {plan.planType === BillingPlanType.Hobby - ? plan.includedSchemaPushLimit - : schemaPushesRateLimit} - + {schemaPushesRateLimit} per month diff --git a/packages/web/app/src/components/organization/billing/helpers.tsx b/packages/web/app/src/components/organization/billing/helpers.tsx index 2853aaf64..3a3b1b2f1 100644 --- a/packages/web/app/src/components/organization/billing/helpers.tsx +++ b/packages/web/app/src/components/organization/billing/helpers.tsx @@ -1,6 +1,6 @@ export const NumericFormater = Intl.NumberFormat('en', { notation: 'compact' }); export const CurrencyFormatter = Intl.NumberFormat('en', { - notation: 'compact', + notation: 'standard', currency: 'USD', style: 'currency', });