Unauthenticated

SketchSystems.spec

Unauthenticated
  UnauthenticatedIdle
    signIn -> Authenticating
  Authenticating
    credentialsMatch -> Authenticated
    credentialsError -> UnauthenticatedIdle
Authenticated
  signOut -> Unauthenticated
  viewListings -> Listings
  Dashboard
    FetchingDashboardData
      fetchSuccess -> DisplayingData
      fetchError -> ErrorView
    ErrorView
      retry -> FetchingDashboardData
    DisplayingData
      refetch -> FetchingDashboardData
  Listings
  

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}`);
}