From ee3c3294f36379e7d71b2a869c2d2b7204583d83 Mon Sep 17 00:00:00 2001
From: Jake Fink <jfink@bitwarden.com>
Date: Thu, 14 Oct 2021 19:40:35 -0400
Subject: [PATCH] Add loading spinner icon to emergency access view (#1235)

* add loading spinner icon to emergency access view

* remove extra space

* Revert changes to package-lock.json
---
 src/app/settings/emergency-access-view.component.html | 4 ++++
 src/app/settings/emergency-access-view.component.ts   | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/src/app/settings/emergency-access-view.component.html b/src/app/settings/emergency-access-view.component.html
index 360b65bb5f3..4c23bf062f5 100644
--- a/src/app/settings/emergency-access-view.component.html
+++ b/src/app/settings/emergency-access-view.component.html
@@ -42,6 +42,10 @@
             </tbody>
         </table>
     </ng-container>
+    <ng-container *ngIf="!loaded">
+        <i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}" aria-hidden="true"></i>
+        <span class="sr-only">{{'loading' | i18n}}</span>
+    </ng-container>
 </div>
 <ng-template #cipherAddEdit></ng-template>
 <ng-template #attachments></ng-template>
diff --git a/src/app/settings/emergency-access-view.component.ts b/src/app/settings/emergency-access-view.component.ts
index fc3f0d81f4a..4dfd76feb17 100644
--- a/src/app/settings/emergency-access-view.component.ts
+++ b/src/app/settings/emergency-access-view.component.ts
@@ -31,6 +31,7 @@ export class EmergencyAccessViewComponent implements OnInit {
 
     id: string;
     ciphers: CipherView[] = [];
+    loaded = false;
 
     constructor(private cipherService: CipherService, private cryptoService: CryptoService,
         private modalService: ModalService, private router: Router,
@@ -60,6 +61,7 @@ export class EmergencyAccessViewComponent implements OnInit {
     async load() {
         const response = await this.apiService.postEmergencyAccessView(this.id);
         this.ciphers = await this.getAllCiphers(response);
+        this.loaded = true;
     }
 
     async viewAttachments(cipher: CipherView) {