Remove the discount Badge (#15769)

apps/web/src/app/billing/organizations/change-plan-dialog.component.html

@@ -11,24 +11,6 @@
         }}</span>
         <!-- Discount Badge -->
         <div class="tw-flex tw-items-center tw-gap-2">
-          <span
-            class="tw-mr-1"
-            [hidden]="isSubscriptionCanceled"
-            *ngIf="
-              this.discountPercentageFromSub > 0
-                ? discountPercentageFromSub
-                : this.discountPercentage && selectedInterval === planIntervals.Annually
-            "
-            bitBadge
-            variant="success"
-            >{{
-              "upgradeDiscount"
-                | i18n
-                  : (selectedInterval === planIntervals.Annually && discountPercentageFromSub == 0
-                      ? this.discountPercentage
-                      : this.discountPercentageFromSub)
-            }}</span
-          >
           <!-- Plan Interval Toggle -->
           <div class="tw-inline-block" *ngIf="!isSubscriptionCanceled">
             <bit-toggle-group
@@ -929,7 +911,7 @@
         </div>
         <!-- discountPercentage to PM Only -->
         <div
-          *ngIf="totalOpened && discountPercentage && !organization.useSecretsManager"
+          *ngIf="totalOpened && !organization.useSecretsManager"
           class="tw-flex tw-flex-wrap tw-gap-4"
         >
           <bit-hint class="tw-w-1/2">

apps/web/src/app/billing/organizations/change-plan-dialog.component.ts

@@ -150,7 +150,6 @@ export class ChangePlanDialogComponent implements OnInit, OnDestroy {
   @Output() onCanceled = new EventEmitter<void>();
   @Output() onTrialBillingSuccess = new EventEmitter();
 
-  protected discountPercentage: number = 20;
   protected discountPercentageFromSub: number;
   protected loading = true;
   protected planCards: PlanCard[];

apps/web/src/app/billing/shared/plan-card/plan-card.component.html

@@ -31,10 +31,6 @@
         class="tw-text-[1.25rem] tw-mt-[6px] tw-font-bold tw-mb-0 tw-leading-[2rem] tw-flex tw-items-center"
       >
         <span class="tw-capitalize tw-whitespace-nowrap">{{ plan().title }}</span>
-        <!-- Discount Badge -->
-        <span class="tw-mr-1 tw-ml-2" *ngIf="isRecommended" bitBadge variant="success">
-          {{ "upgradeDiscount" | i18n: plan().discount }}</span
-        >
       </h3>
       <span>
         <b class="tw-text-lg tw-font-semibold">{{ plan().costPerMember | currency: "$" }} </b>

apps/web/src/app/billing/shared/plan-card/plan-card.component.ts

@@ -5,7 +5,6 @@ import { ProductTierType } from "@bitwarden/common/billing/enums";
 export interface PlanCard {
   title: string;
   costPerMember: number;
-  discount?: number;
   isDisabled: boolean;
   isAnnual: boolean;
   isSelected: boolean;