Angular Internship

// Week 7: declarative streams, no manual unsubscribe
@Component({
  selector: 'app-orders',
  changeDetection: ChangeDetectionStrategy.OnPush,
  templateUrl: './orders.component.html',
})
export class OrdersComponent {
  private status$ = new BehaviorSubject<Status>('pending');

  readonly vm$ = this.status$.pipe(
    debounceTime(200),
    distinctUntilChanged(),
    switchMap(s => this.api.orders(s).pipe(
      map(data => ({ data, loading: false })),
      startWith({ data: [], loading: true }),
      catchError(err => of({ data: [], loading: false, err })),
    )),
  );
}