render()

in ui/src/client/components/common/components/TabsContainer/TabsContainer.js [34:60]

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

  render() {
    const { tabs, selectedTab, children } = this.props;
    const tabsItems = tabs.map(tabName => (
      <li
        key={tabName}
        className={`tab ${selectedTab === tabName ? 'active' : ' '}`}
      >
        <a
          onClick={e => this.handleTabClick(e, tabName)}
          role="presentation"
        >
          {tabName}
        </a>
      </li>
    ));
    tabsItems.push((<li key="invis-tab" className="last-invisible-tab" />));
    return (
      <div className="dh-tabs-container">
        <ul className="tabs">
          {tabsItems}
        </ul>
        <div className="container">
          {children}
        </div>
      </div>
    );
  }