Adding actions to your model

hero-store.js

import { action, computed, createContextStore, thunk } from 'easy-peasy'
import { deleteHero, getHeroById, getHeroes, postHero, putHero } from './hero-service'

const HeroStore = createContextStore({
  /*states here*/
  /*actions thunk side effects here*/
  /*actions*/
  setHeroes: action((state, heroes) => {
    state.heroes = heroes;
  }),
  setHero: action((state, hero) => {
    state.hero = hero;
  }),
  setError: action((state, error) => {
    state.error = error.message;
    alert(error.message);
  }),
  setIsLoading: action(state => {
    state.isLoading = !state.isLoading;
  }),
  addHero: action((state, newHero) => {
    state.heroes.push(newHero);
  }),
  removeHero: action((state, id) => {
    state.heroes = state.heroes.filter(h => h.id !== id);
  }),
  updateHeroes: action((state, updatedHero) => {
    const index = state.heroes.findIndex(h => h.id === updatedHero.id);
    state.heroes[index] = updatedHero;
  })
});

export default HeroStore;