render()

in console/react/src/details/entitiesPage.js [112:207]
95 lines of code
6 McCabe index (conditional complexity)

  render() {
    const TABLE = this.state.showTable.toUpperCase();
    const entityTable = () => {
      if (this.state.entity) {
        if (TABLE === "ENTITIES") {
          return (
            <EntityListTable
              ref={el => (this.listTableRef = el)}
              {...this.props}
              entity={this.state.entity}
              schema={this.schema}
              routerId={this.state.routerId}
              lastUpdated={this.lastUpdated}
              handleDetailClick={this.handleDetailClick}
              detailsState={this.state.detailsState}
              handleEntityAction={this.handleEntityAction}
            />
          );
        } else if (TABLE === "DETAILS") {
          return (
            <DetailsTablePage
              details={true}
              locationState={this.state.detailsState}
              entity={this.state.entity}
              {...this.props}
              lastUpdated={this.lastUpdated}
              schema={this.schema}
              handleSelectEntity={this.handleSelectEntity}
              handleEntityAction={this.handleEntityAction}
            />
          );
        } else if (TABLE === "UPDATE") {
          return (
            <UpdateTablePage
              entity={this.state.entity}
              {...this.props}
              schema={this.schema}
              locationState={this.state.actionState}
              handleSelectEntity={this.handleSelectEntity}
              handleActionCancel={this.handleActionCancel}
              handleEntityAction={this.handleEntityAction}
            />
          );
        } else if (TABLE === "CREATE") {
          return (
            <CreateTablePage
              entity={this.state.entity}
              routerId={this.state.routerId}
              {...this.props}
              schema={this.schema}
              locationState={this.state.actionState}
              handleSelectEntity={this.handleSelectEntity}
              handleActionCancel={this.handleActionCancel}
            />
          );
        }
      } else {
        return null;
      }
    };

    return (
      <PageSection variant={PageSectionVariants.light} className="details-table-page">
        <Stack>
          <StackItem className="details-header">
            <Split>
              <SplitItem isFilled className="split-left">
                <span className="prompt">Router</span>{" "}
                <RouterSelect
                  service={this.props.service}
                  handleRouterSelected={this.handleRouterSelected}
                />
              </SplitItem>
              <SplitItem>
                <Updated
                  service={this.props.service}
                  lastUpdated={this.state.lastUpdated}
                />
              </SplitItem>
            </Split>
          </StackItem>
          <StackItem className="details-table">
            <Split>
              <SplitItem id="entityList">
                <EntityList
                  schema={this.schema}
                  handleSelectEntity={this.handleSwitchEntity}
                />
              </SplitItem>
              <SplitItem isFilled>{entityTable()}</SplitItem>
            </Split>
          </StackItem>
        </Stack>
      </PageSection>
    );
  }