From 227be11b8bf68654e168a350654855eaa8fe84e6 Mon Sep 17 00:00:00 2001
From: Giancarlo Buomprisco <giancarlopsk@gmail.com>
Date: Tue, 18 Feb 2025 10:07:17 +0700
Subject: [PATCH] Always display per month period because the pricing is
 displayed per month even if the period is yearly (#169)

---
 packages/billing/gateway/src/components/plan-picker.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/billing/gateway/src/components/plan-picker.tsx b/packages/billing/gateway/src/components/plan-picker.tsx
index c186864aa..bd593ebc6 100644
--- a/packages/billing/gateway/src/components/plan-picker.tsx
+++ b/packages/billing/gateway/src/components/plan-picker.tsx
@@ -91,6 +91,7 @@ export function PlanPicker(
     name: 'interval',
     control: form.control,
   });
+
   const planId = form.getValues('planId');
 
   const { plan: selectedPlan, product: selectedProduct } = useMemo(() => {
@@ -339,12 +340,7 @@ export function PlanPicker(
                                         <Trans i18nKey={`billing:lifetime`} />
                                       }
                                     >
-                                      <Trans
-                                        i18nKey={`billing:perPeriod`}
-                                        values={{
-                                          period: selectedInterval,
-                                        }}
-                                      />
+                                      <Trans i18nKey={`billing:perMonth`} />
                                     </If>
                                   </span>
                                 </div>