StatusModel.js

import { types } from 'mobx-state-tree';

const StatusModel = types
  .model('StatusModel', {
    statusValue: types.optional(types.enumeration('status', ['initial', 'loading', 'success', 'failed']), 'initial'),
    statusResponseReasonMessage: types.maybe(types.string),
  })
  .views(self => ({
    get isInitial() {
      return self.statusValue === 'initial';
    },
    get isLoading() {
      return self.statusValue === 'loading';
    },
    get isSuccess() {
      return self.statusValue === 'success';
    },
    get isFailed() {
      return self.statusValue === 'failed';
    },
  }))
  .actions(self => ({
    setStatus(status, reason) {
      self.setResponseMessage(reason);
      self.statusValue = status;
    },
    initial(reason) {
      self.setStatus('initial', reason);
    },
    loading(reason) {
      self.setStatus('loading', reason);
    },
    success(reason) {
      self.setStatus('success', reason);
    },
    failed(reason) {
      self.setStatus('failed', reason);
    },
    setResponseMessage(reason) {
      self.statusResponseReasonMessage = reason;
    },
  }));

export default StatusModel;