♻️ use signal input

alexfriesen · Jan 18, 2024 · 305c207 · 305c207
1 parent ce20416
commit 305c207
Showing 1 changed file with 3 additions and 9 deletions.
diff --git a/src/app/components/thumb/thumb.component.ts b/src/app/components/thumb/thumb.component.ts
@@ -2,9 +2,8 @@ import {
  Component,
  ChangeDetectionStrategy,
  inject,
- Input,
  computed,
- signal,
+ input,
 } from '@angular/core';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
@@ -21,15 +20,10 @@ import { PreviewService } from '@app/services/preview.service';
 export class ThumbnailComponent {
  private readonly pagesPreviews = inject(PreviewService).pagesPreviews;
 
- @Input()
- set pageIndex(value: number) {
- this.currentPageIndex.set(value);
- }
-
- readonly currentPageIndex = signal<number | undefined>(undefined);
+ pageIndex = input.required<number>();
 
  readonly imageSrc = computed(() => {
- const index = this.currentPageIndex();
+ const index = this.pageIndex();
  const found = this.pagesPreviews()?.find(
  (preview) => preview.pageIndex === index
  );