class AddButton extends Shadow {
  render() {
    p("+")
      .fontWeight("bolder")
      .paddingVertical(0.75, em)
      .boxSizing("border-box")
      .paddingHorizontal(1, em)
      .background("var(--searchbackground)")
      .color("var(--accent)")
      .marginBottom(1, em)
      .border("1px solid var(--accent)")
      .borderRadius(15, px)
      .onTap(() => {
        this.handleAdd()
      })
  }

  handleAdd() {
    const app = global.currentApp()
    switch (app) {
      case "Jobs":
        $("jobform-").toggle()
        break;
      case "Events":
        $("eventform-").toggle()
        break;
      default:
        break;
    }
  }
}

register(AddButton)