render()

in client/src/avocano-shell.js [139:185]

• 45 lines of code
• 4 McCabe index (conditional complexity)

  render() {
    const { config, loading, apiError } = this.state;
    const { AVOCANO_PURCHASE_MODE } = getConfig();

    if (apiError) {
      return html`<app-error .apiError=${apiError}></app-error>`;
    }

    return loading
      ? html`<app-loading></app-loading>`
      : html`<app-header
            .headerTitle=${config.site_name}
            .cart=${this.state.cart}
          ></app-header>
          <app-main active-route=${this.route}>
            <div class="route" route="home">
              <app-home></app-home>
            </div>
            <div class="route" route="product">
              <app-product
                .productId=${parseInt(this.params.id, 10)}
                .updateParent=${this.childUpdateRequest}
              ></app-product>
            </div>
            <div class="route" route="product-list">
              <app-product-list></app-product-list>
            </div>
            <div class="route" route="shipping">
              <app-shipping></app-shipping>
            </div>
            <div class="route" route="contact">
              <app-contact></app-contact>
            </div>
            ${AVOCANO_PURCHASE_MODE === 'cart'
              ? html`<div class="route" route="checkout">
                  <app-checkout
                    .cart=${this.state.cart}
                    .updateParent=${this.childUpdateRequest}
                  ></app-checkout>
                </div>`
              : ''}
            <div class="route" route="not-found">
              <app-not-found></app-not-found>
            </div>
          </app-main>
          <app-footer></app-footer>`;
  }