Merge pull request #372 from bcgov/hotfix

Hotfix

frontend/src/app/app.component.scss

@@ -67,6 +67,7 @@
         .title {
             color: #FFFFFF;
             font-size: 1.75rem;
+            max-width: 50%;
         }
     }
 }

frontend/src/app/common/listing-upload-history-table/listing-upload-history-table.component.ts

@@ -15,6 +15,7 @@ import { PagingResponse, PagingResponsePageInfo } from '../models/paging-respons
 import { UserDataService } from '../services/user-data.service';
 import { forkJoin } from 'rxjs';
 import { User } from '../models/user';
+import { GlobalLoaderService } from '../services/global-loader.service';
 
 @Component({
   selector: 'app-listing-upload-history-table',
@@ -47,6 +48,7 @@ export class ListingUploadHistoryTableComponent implements OnInit {
     private listingDataService: ListingDataService,
     private delistingService: DelistingService,
     private userDataService: UserDataService,
+    private loaderService: GlobalLoaderService,
   ) { }
 
   ngOnInit(): void {
@@ -98,14 +100,18 @@ export class ListingUploadHistoryTableComponent implements OnInit {
   }
 
   onDownloadErrors(rowId: number, platform: string, date: string): void {
+    this.loaderService.loadingStart(' It may take several minutes to prepare your download file. Please do not close this tab until your download is complete.');
     this.listingDataService.getUploadHistoryErrors(rowId).subscribe({
       next: (content) => {
         const element = document.createElement('a');
         element.setAttribute('href', `data:text/plain;charset=utf-8,${encodeURIComponent(content)}`);
         element.setAttribute('download', `errors_${platform}_${date}.csv`);
 
         element.click();
-      }
+      },
+      complete: () => {
+        this.loaderService.loadingEnd();
+      },
     })
   }