fix: display login modal after authentication token has expired

src/app/core/guards/login.guard.ts

@@ -38,6 +38,7 @@ export class LoginGuard implements CanActivate {
 
     const loginModalComponent = this.currentDialog.componentInstance as LoginModalComponent;
     loginModalComponent.loginMessageKey = route.queryParamMap.get('messageKey');
+    loginModalComponent.detectChanges();
 
     // dialog closed
     loginModalComponent.closeModal.pipe(first()).subscribe(() => {

src/app/shared/components/login/login-modal/login-modal.component.html

@@ -7,6 +7,7 @@ <h2 class="modal-title">{{ 'account.login.signin.heading' | translate }}</h2>
       [title]="'dialog.close.text' | translate"
       [attr.aria-label]="'dialog.close.text' | translate"
       (click)="hide()"
+      ngbAutofocus
     >
       <span aria-hidden="true">&times;</span>
     </button>

src/app/shared/components/login/login-modal/login-modal.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output } from '@angular/core';
 
 @Component({
   selector: 'ish-login-modal',
@@ -9,6 +9,12 @@ export class LoginModalComponent {
   @Input() loginMessageKey: string;
   @Output() closeModal = new EventEmitter<void>();
 
+  constructor(private cdRef: ChangeDetectorRef) {}
+
+  detectChanges() {
+    this.cdRef.detectChanges();
+  }
+
   hide() {
     this.closeModal.emit();
   }