From a6c98f462ae1b5b161cf139473120be0000c9872 Mon Sep 17 00:00:00 2001
From: Matt Gibson <mgibson@bitwarden.com>
Date: Thu, 4 Mar 2021 14:58:45 -0600
Subject: [PATCH] Show spinner when downloading file for Send Accesses (#869)

---
 src/app/send/access.component.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/send/access.component.html b/src/app/send/access.component.html
index f48496b173e..a36836b252e 100644
--- a/src/app/send/access.component.html
+++ b/src/app/send/access.component.html
@@ -59,9 +59,12 @@
                     <!-- File -->
                     <ng-container *ngIf="send.type === sendType.File">
                         <p>{{send.file.fileName}}</p>
-                        <button class="btn btn-primary btn-block" type="button" (click)="download()">
+                        <button class="btn btn-primary btn-block" type="button" (click)="download()" *ngIf="!downloading">
                             <i class="fa fa-download" aria-hidden="true"></i>
                             {{'downloadFile' | i18n}} ({{send.file.sizeName}})</button>
+                        <button class="btn btn-primary btn-block" type="button" *ngIf="downloading" disabled="true">
+                            <i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
+                        </button>
                     </ng-container>
                     <p *ngIf="expirationDate" class="text-center text-muted">Expires:
                         {{expirationDate | date: 'medium'}}</p>