idle

SketchSystems.spec

idle
  FETCHING -> fetching
fetching
  FETCH_SUCCESS -> resolve
  FETCH_ERROR -> reject
  FETCH_EMPTY -> empty
resolve
  ready
    OPEN_ZOOM_MODAL -> zoomModal
    OPEN_OFFER_MODAL -> offerModal
  offerModal
    CLOSE_OFFER_MODAL -> resolve
    active
      MAKE_OFFER -> offering
    offering
      OFFER_RESOLVE -> offerResolve
      OFFER_REJECT -> offerReject
    offerReject
      MAKE_OFFER -> offering
    offerResolve
  zoomModal
    CLOSE_ZOOM_MODAL -> resolve
reject
  FETCHING -> fetching
empty

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}