@Store({
  state: (state) => state.zoo,
  defaults: {
    animals: ['panda'],
    feeding: false,
    feed: false
  }
})
export class ZooStore {

  constructor(private zooService: ZooService) {}

  @Action(FeedAnimals)
  feed({ getState, setState }, { payload }: FeedAnimals) {
    let state = getState();
    setState({ ...state, feeding: true });

    this.zooService.feed().subscribe(() => {
      state = getState();
      setState({ ...state, feeding: false, feed: true });
    });
  }
}