Sort by Average Rating and Big Want to Read fix (#2672)

UI/Web/src/app/announcements/_components/out-of-date-modal/out-of-date-modal.component.ts

@@ -0,0 +1,38 @@
+import {Component, DestroyRef, inject, Input} from '@angular/core';
+import {FormsModule} from "@angular/forms";
+import {AsyncPipe, NgForOf, NgIf} from "@angular/common";
+import {NgbActiveModal, NgbHighlight, NgbModal, NgbTypeahead} from "@ng-bootstrap/ng-bootstrap";
+import {TranslocoDirective} from "@ngneat/transloco";
+import {ServerService} from "../../../_services/server.service";
+import {takeUntilDestroyed} from "@angular/core/rxjs-interop";
+import {map} from "rxjs/operators";
+import {ChangelogComponent} from "../changelog/changelog.component";
+import {SafeHtmlPipe} from "../../../_pipes/safe-html.pipe";
+
+@Component({
+  selector: 'app-out-of-date-modal',
+  standalone: true,
+  imports: [
+    FormsModule,
+    NgForOf,
+    NgIf,
+    NgbHighlight,
+    NgbTypeahead,
+    TranslocoDirective,
+    AsyncPipe,
+    ChangelogComponent,
+    SafeHtmlPipe
+  ],
+  templateUrl: './out-of-date-modal.component.html',
+  styleUrl: './out-of-date-modal.component.scss'
+})
+export class OutOfDateModalComponent {
+
+  private readonly ngbModal = inject(NgbActiveModal);
+
+  @Input({required: true}) versionsOutOfDate: number = 0;
+
+  close() {
+    this.ngbModal.close();
+  }
+}