From 926d7d807da5228115e01f1e663a3775c1395f12 Mon Sep 17 00:00:00 2001
From: Cy Okeke <cokeke@bitwarden.com>
Date: Fri, 20 Dec 2024 18:20:32 +0100
Subject: [PATCH] Changes to gide the select plan

---
 .../organizations/change-plan-dialog.component.html   | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/billing/organizations/change-plan-dialog.component.html b/apps/web/src/app/billing/organizations/change-plan-dialog.component.html
index 3ff20310f23..29f1dd7360c 100644
--- a/apps/web/src/app/billing/organizations/change-plan-dialog.component.html
+++ b/apps/web/src/app/billing/organizations/change-plan-dialog.component.html
@@ -6,7 +6,11 @@
     <div bitDialogContent>
       <p>{{ "upgradePlans" | i18n }}</p>
       <div class="tw-mb-3 tw-flex tw-justify-between">
-        <span class="tw-text-lg tw-pr-1 tw-font-bold">{{ "selectAPlan" | i18n }}</span>
+        <span
+          [style.visibility]="isSubscriptionCanceled ? 'hidden' : 'visible'"
+          class="tw-text-lg tw-pr-1 tw-font-bold"
+          >{{ "selectAPlan" | i18n }}</span
+        >
         <!-- Discount Badge -->
         <div class="tw-flex tw-items-center tw-gap-2">
           <span
@@ -69,7 +73,10 @@
           >
             <div class="tw-relative">
               <div
-                *ngIf="selectableProduct.productTier === productTypes.Enterprise"
+                *ngIf="
+                  selectableProduct.productTier === productTypes.Enterprise &&
+                  !isSubscriptionCanceled
+                "
                 class="tw-bg-secondary-100 tw-text-center !tw-border-0 tw-text-sm tw-font-bold tw-py-1"
                 [ngClass]="{
                   'tw-bg-primary-700 !tw-text-contrast': selectableProduct === selectedPlan,