From 00f6920a86ee05ab3d0edb630762779c6015c2ad Mon Sep 17 00:00:00 2001
From: Shane Melton <smelton@bitwarden.com>
Date: Mon, 29 Jul 2024 08:10:12 -0700
Subject: [PATCH] [PM-8379] Implement loading state in vault v2 (#10302)

---
 .../src/vault/popup/components/vault/vault-v2.component.html    | 2 +-
 .../src/vault/popup/components/vault/vault-v2.component.ts      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/browser/src/vault/popup/components/vault/vault-v2.component.html b/apps/browser/src/vault/popup/components/vault/vault-v2.component.html
index c36d480e9c..3279d28e93 100644
--- a/apps/browser/src/vault/popup/components/vault/vault-v2.component.html
+++ b/apps/browser/src/vault/popup/components/vault/vault-v2.component.html
@@ -1,4 +1,4 @@
-<popup-page>
+<popup-page [loading]="loading$ | async">
   <popup-header slot="header" [pageTitle]="'vault' | i18n">
     <ng-container slot="end">
       <app-new-item-dropdown [initialValues]="newItemItemValues$ | async"></app-new-item-dropdown>
diff --git a/apps/browser/src/vault/popup/components/vault/vault-v2.component.ts b/apps/browser/src/vault/popup/components/vault/vault-v2.component.ts
index 777e44f0e1..0e25647661 100644
--- a/apps/browser/src/vault/popup/components/vault/vault-v2.component.ts
+++ b/apps/browser/src/vault/popup/components/vault/vault-v2.component.ts
@@ -54,6 +54,7 @@ export class VaultV2Component implements OnInit, OnDestroy {
   cipherType = CipherType;
   protected favoriteCiphers$ = this.vaultPopupItemsService.favoriteCiphers$;
   protected remainingCiphers$ = this.vaultPopupItemsService.remainingCiphers$;
+  protected loading$ = this.vaultPopupItemsService.loading$;
 
   protected newItemItemValues$: Observable<NewItemInitialValues> =
     this.vaultPopupListFiltersService.filters$.pipe(