From 4cd94461e8a90eae6e8744191c8f3c0f62d3ea8f Mon Sep 17 00:00:00 2001
From: voommen-livefront <voommen@livefront.com>
Date: Thu, 15 Jan 2026 08:56:37 -0600
Subject: [PATCH] PM-29501 remove icons and use constant to determine switch to
 bit-chip-select

---
 .../app/dirt/reports/pages/cipher-report.component.ts  | 10 +++-------
 .../pages/exposed-passwords-report.component.html      |  1 -
 .../pages/inactive-two-factor-report.component.html    |  1 -
 .../pages/reused-passwords-report.component.html       |  1 -
 .../pages/unsecured-websites-report.component.html     |  1 -
 .../reports/pages/weak-passwords-report.component.html |  1 -
 6 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/apps/web/src/app/dirt/reports/pages/cipher-report.component.ts b/apps/web/src/app/dirt/reports/pages/cipher-report.component.ts
index 2bbaf58b51c..d8519b86094 100644
--- a/apps/web/src/app/dirt/reports/pages/cipher-report.component.ts
+++ b/apps/web/src/app/dirt/reports/pages/cipher-report.component.ts
@@ -46,10 +46,11 @@ export abstract class CipherReportComponent implements OnDestroy {
   organizations: Organization[] = [];
   organizations$: Observable<Organization[]>;
 
+  readonly maxItemsToSwitchToChipSelect = 5;
   filterStatus: any = [0];
   showFilterToggle: boolean = false;
   selectedFilterChip: string = "0";
-  chipSelectOptions: { label: string; value: string; icon: string }[] = [];
+  chipSelectOptions: { label: string; value: string }[] = [];
   vaultMsg: string = "vault";
   currentFilterStatus: number | string = 0;
   protected filterOrgStatus$ = new BehaviorSubject<number | string>(0);
@@ -291,7 +292,7 @@ export abstract class CipherReportComponent implements OnDestroy {
   }
 
   protected canDisplayToggleGroup(): boolean {
-    return this.filterStatus.length <= 4;
+    return this.filterStatus.length <= this.maxItemsToSwitchToChipSelect;
   }
 
   async filterOrgToggleChipSelect(filterId: string | null) {
@@ -326,10 +327,6 @@ export abstract class CipherReportComponent implements OnDestroy {
 
   private setupChipSelectOptions(filters: string[]) {
     const options = filters.map((filterId: string, index: number) => {
-      let icon: string = "bwi-business";
-      icon = index === 0 ? "bwi-folder" : icon;
-      icon = index === 1 ? "bwi-user" : icon;
-
       const name = this.getName(filterId);
       const count = this.getCount(filterId);
       const labelSuffix = count != null ? ` (${count})` : "";
@@ -337,7 +334,6 @@ export abstract class CipherReportComponent implements OnDestroy {
       return {
         label: name + labelSuffix,
         value: filterId,
-        icon,
       };
     });
 
diff --git a/apps/web/src/app/dirt/reports/pages/exposed-passwords-report.component.html b/apps/web/src/app/dirt/reports/pages/exposed-passwords-report.component.html
index 3766074b514..7048ea4fd00 100644
--- a/apps/web/src/app/dirt/reports/pages/exposed-passwords-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/exposed-passwords-report.component.html
@@ -34,7 +34,6 @@
       @if (!isAdminConsoleActive && !canDisplayToggleGroup()) {
         <bit-chip-select
           [placeholderText]="chipSelectOptions[0].label"
-          [placeholderIcon]="chipSelectOptions[0].icon"
           [options]="chipSelectOptions"
           [ngModel]="selectedFilterChip"
           (ngModelChange)="filterOrgToggleChipSelect($event)"
diff --git a/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html b/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html
index a9aba185aac..568f74edb07 100644
--- a/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html
@@ -38,7 +38,6 @@
       @if (!isAdminConsoleActive && !canDisplayToggleGroup()) {
         <bit-chip-select
           [placeholderText]="chipSelectOptions[0].label"
-          [placeholderIcon]="chipSelectOptions[0].icon"
           [options]="chipSelectOptions"
           [ngModel]="selectedFilterChip"
           (ngModelChange)="filterOrgToggleChipSelect($event)"
diff --git a/apps/web/src/app/dirt/reports/pages/reused-passwords-report.component.html b/apps/web/src/app/dirt/reports/pages/reused-passwords-report.component.html
index 61e3df3afee..eeaa58c41b5 100644
--- a/apps/web/src/app/dirt/reports/pages/reused-passwords-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/reused-passwords-report.component.html
@@ -39,7 +39,6 @@
       @if (!isAdminConsoleActive && !canDisplayToggleGroup()) {
         <bit-chip-select
           [placeholderText]="chipSelectOptions[0].label"
-          [placeholderIcon]="chipSelectOptions[0].icon"
           [options]="chipSelectOptions"
           [ngModel]="selectedFilterChip"
           (ngModelChange)="filterOrgToggleChipSelect($event)"
diff --git a/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html b/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html
index af67360551c..3389bc5ea19 100644
--- a/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html
@@ -39,7 +39,6 @@
       @if (!isAdminConsoleActive && !canDisplayToggleGroup()) {
         <bit-chip-select
           [placeholderText]="chipSelectOptions[0].label"
-          [placeholderIcon]="chipSelectOptions[0].icon"
           [options]="chipSelectOptions"
           [ngModel]="selectedFilterChip"
           (ngModelChange)="filterOrgToggleChipSelect($event)"
diff --git a/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html b/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html
index ef489b19b5f..a182683038f 100644
--- a/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html
@@ -39,7 +39,6 @@
       @if (!isAdminConsoleActive && !canDisplayToggleGroup()) {
         <bit-chip-select
           [placeholderText]="chipSelectOptions[0].label"
-          [placeholderIcon]="chipSelectOptions[0].icon"
           [options]="chipSelectOptions"
           [ngModel]="selectedFilterChip"
           (ngModelChange)="filterOrgToggleChipSelect($event)"