View Model

AppViewModel.ts

import { action, observable } from "mobx";
import { IRepositroy } from "../data/models/Repository";
import { ViewRepositoriesUseCase } from "../domain/ViewRepositoriesUseCase";
export class AppViewModel {
  @observable public items: IRepositroy[] = [];
  @observable public errors: string[] = [];
  private readonly useCase: ViewRepositoriesUseCase;
  constructor(useCase: ViewRepositoriesUseCase) {
    this.useCase = useCase;
    this.prepare();
  }
  @action.bound
  public refresh() {
    this.useCase.fetchMore().subscribe(undefined, error => {
      this.errors.push(error.message);
    });
  }
  @action.bound
  public async clearData() {
    await this.useCase.clearItems();
  }

  @action.bound
  private prepare() {
    this.useCase.observeItems().subscribe(
      items => {
        this.items = items;
      },
      error => {
        this.errors.push(error.message);
      }
    );
  }
}