render()

in client/src/components/checkout-form.js [78:115]

• 37 lines of code
• 2 McCabe index (conditional complexity)

  render() {
    const { disableSubmit } = this.state;

    return html` <div>
      <form @submit=${this.submitForm}>
        <div class="formControls">
          <mwc-textfield
            outlined
            required
            autoValidate
            id="email"
            name="email"
            label="Enter your email"
            helper="foo@bar.com"
            pattern="[^ @]*@[^ @]*"
            placeholder="Enter your email"
            validationMessage="Requires email format."
          ></mwc-textfield>
          <mwc-select
            name="type"
            label="Payment Type"
            required
            validationMessage="Field is required"
          >
            <mwc-list-item selected value="collect">Collect</mwc-list-item>
            <mwc-list-item value="credit">Credit</mwc-list-item>
          </mwc-select>
          ${disableSubmit
            ? html`<button disabled type="submit" class="checkoutButton">
                Purchase
              </button>`
            : html`<button type="submit" class="checkoutButton">
                Purchase
              </button>`}
        </div>
      </form>
    </div>`;
  }