[PM-16921] Fix cadence label for line item

bitwarden · Jan 14, 2025 · 92cb61b · 92cb61b
1 parent 3c7abe0
commit 92cb61b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/...cense/bit-web/src/app/billing/providers/subscription/provider-subscription.component.html b/...cense/bit-web/src/app/billing/providers/subscription/provider-subscription.component.html
@@ -25,7 +25,7 @@
               <tr bitRow *ngFor="let i of activePlans">
                 <td bitCell class="tw-pl-0 tw-py-3">
                   {{ getFormattedPlanName(i.planName) }} {{ "orgSeats" | i18n }} ({{
-                    i.cadence.toLowerCase()
+                    getFormattedPlanNameCadence(i.cadence) | i18n
                   }}) {{ "&times;" }}{{ getFormattedSeatCount(i.seatMinimum, i.purchasedSeats) }}
                   &#64;
                   {{

diff --git a/...license/bit-web/src/app/billing/providers/subscription/provider-subscription.component.ts b/...license/bit-web/src/app/billing/providers/subscription/provider-subscription.component.ts
@@ -90,6 +90,10 @@ export class ProviderSubscriptionComponent implements OnInit, OnDestroy {
     return totalSeats > 1 ? totalSeats.toString() : "";
   }
 
+  protected getFormattedPlanNameCadence(cadence: string) {
+    return cadence === "Annual" ? "annually" : "monthly";
+  }
+
   private sumCost(plans: ProviderPlanResponse[]): number {
     return plans.reduce((acc, plan) => acc + plan.cost, 0);
   }