Navigation with Global Search

SketchSystems.spec

Navigation with Global Search
  No Search
    clickSearchIcon -> Showing Overlay

  Showing Overlay
    clickX -> No Search
    clickClearSearch -> Empty with Placeholder
    
    Empty with Placeholder*
      focusInput -> Entering Search
      
    Entering Search
      submitSearch -> Navigating

  Navigating
    

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