My Awesome Sketch

SketchSystems.spec

My Awesome Sketch
  Home
    create debt -> Who paid
  Who paid
    person selected -> Paid for whom
    back clicked -> Home
  Paid for whom
    person selected -> Amount
    back clicked -> Who paid
  Amount
    amount selected -> Success
    cancel clicked -> Home
  Success

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  
  if (current_state_name == 'Home') {
    return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
  }
  
  if (current_state_name == 'Who paid') {
    return $("select", {}, [
      $('option', {value:"1"}, "),
      $('option', {value:"2", label: "2"}, "Two")
    ]);
  }
}