From d644272d9a343bd0e85c77b63f1217bb3643459a Mon Sep 17 00:00:00 2001
From: William Martin <contact@willmartian.com>
Date: Sat, 8 Mar 2025 06:34:32 -0500
Subject: [PATCH] update individual vault table

---
 .../individual-vault/vault.component.html     | 92 ++++++++++---------
 .../vault/individual-vault/vault.component.ts |  4 +-
 2 files changed, 49 insertions(+), 47 deletions(-)

diff --git a/apps/web/src/app/vault/individual-vault/vault.component.html b/apps/web/src/app/vault/individual-vault/vault.component.html
index 75332dcf72a..c407e36de0c 100644
--- a/apps/web/src/app/vault/individual-vault/vault.component.html
+++ b/apps/web/src/app/vault/individual-vault/vault.component.html
@@ -42,52 +42,54 @@
     <bit-callout type="warning" *ngIf="activeFilter.isDeleted">
       {{ trashCleanupWarning }}
     </bit-callout>
-    <app-vault-items
-      [ciphers]="ciphers"
-      [collections]="collections"
-      [allCollections]="allCollections"
-      [allOrganizations]="allOrganizations"
-      [disabled]="refreshing"
-      [showOwner]="true"
-      [showCollections]="false"
-      [showGroups]="false"
-      [showPremiumFeatures]="canAccessPremium"
-      [showBulkMove]="showBulkMove"
-      [showBulkTrashOptions]="filter.type === 'trash'"
-      [useEvents]="false"
-      [showAdminActions]="false"
-      [showBulkAddToCollections]="true"
-      (onEvent)="onVaultItemsEvent($event)"
-    >
-    </app-vault-items>
-    <div
-      *ngIf="performingInitialLoad"
-      class="tw-mt-6 tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-start"
-    >
-      <i
-        class="bwi bwi-spinner bwi-spin text-muted"
-        title="{{ 'loading' | i18n }}"
-        aria-hidden="true"
-      ></i>
-      <span class="tw-sr-only">{{ "loading" | i18n }}</span>
-    </div>
-    <div
-      *ngIf="isEmpty && !performingInitialLoad"
-      class="tw-mt-6 tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-start"
-    >
-      <bit-icon [icon]="noItemIcon" aria-hidden="true"></bit-icon>
-      <p>{{ "noItemsInList" | i18n }}</p>
-      <button
-        type="button"
-        buttonType="primary"
-        bitButton
-        (click)="addCipher()"
-        *ngIf="filter.type !== 'trash'"
+    <bit-card>
+      <app-vault-items
+        [ciphers]="ciphers"
+        [collections]="collections"
+        [allCollections]="allCollections"
+        [allOrganizations]="allOrganizations"
+        [disabled]="refreshing"
+        [showOwner]="true"
+        [showCollections]="false"
+        [showGroups]="false"
+        [showPremiumFeatures]="canAccessPremium"
+        [showBulkMove]="showBulkMove"
+        [showBulkTrashOptions]="filter.type === 'trash'"
+        [useEvents]="false"
+        [showAdminActions]="false"
+        [showBulkAddToCollections]="true"
+        (onEvent)="onVaultItemsEvent($event)"
       >
-        <i class="bwi bwi-plus-f bwi-fw" aria-hidden="true"></i>
-        {{ "newItem" | i18n }}
-      </button>
-    </div>
+      </app-vault-items>
+      <div
+        *ngIf="performingInitialLoad"
+        class="tw-mt-6 tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-start"
+      >
+        <i
+          class="bwi bwi-spinner bwi-spin text-muted"
+          title="{{ 'loading' | i18n }}"
+          aria-hidden="true"
+        ></i>
+        <span class="tw-sr-only">{{ "loading" | i18n }}</span>
+      </div>
+      <div
+        *ngIf="isEmpty && !performingInitialLoad"
+        class="tw-mt-6 tw-flex tw-h-full tw-flex-col tw-items-center tw-justify-start"
+      >
+        <bit-icon [icon]="noItemIcon" aria-hidden="true"></bit-icon>
+        <p>{{ "noItemsInList" | i18n }}</p>
+        <button
+          type="button"
+          buttonType="primary"
+          bitButton
+          (click)="addCipher()"
+          *ngIf="filter.type !== 'trash'"
+        >
+          <i class="bwi bwi-plus-f bwi-fw" aria-hidden="true"></i>
+          {{ "newItem" | i18n }}
+        </button>
+      </div>
+    </bit-card>
   </div>
 </div>
 
diff --git a/apps/web/src/app/vault/individual-vault/vault.component.ts b/apps/web/src/app/vault/individual-vault/vault.component.ts
index 9983567a4d1..76c9afc3e43 100644
--- a/apps/web/src/app/vault/individual-vault/vault.component.ts
+++ b/apps/web/src/app/vault/individual-vault/vault.component.ts
@@ -64,7 +64,7 @@ import { CipherRepromptType } from "@bitwarden/common/vault/enums/cipher-repromp
 import { TreeNode } from "@bitwarden/common/vault/models/domain/tree-node";
 import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
 import { ServiceUtils } from "@bitwarden/common/vault/service-utils";
-import { DialogService, Icons, ToastService } from "@bitwarden/components";
+import { CardComponent, DialogService, Icons, ToastService } from "@bitwarden/components";
 import {
   AddEditFolderDialogComponent,
   AddEditFolderDialogResult,
@@ -137,7 +137,7 @@ const SearchTextDebounceInterval = 200;
     VaultFilterModule,
     VaultItemsModule,
     SharedModule,
-    DecryptionFailureDialogComponent,
+    CardComponent,
   ],
   providers: [
     RoutedVaultFilterService,