public render()

in fuse-ui-fabric/topNav/topNav.tsx [49:73]
23 lines of code
3 McCabe index (conditional complexity)

  public render(): JSX.Element {
    const panel = this.state.openPanel;
    const panelContent = panel !== TopNavPanels.none ? this.props.renderNavPanel(panel) : null;
    const panelProps = {
      type: PanelType.smallFixedFar,
      layerProps: { styles: { root: { top: 40, height: 'calc(100vh - 40px)' } } },
      ...(this.panelProps[panel] || {})
    };

    const renderNavButton = this.renderNavButton.bind(this, this.props.getPanelCount);

    return (
      <header className={classNames().root} >
        <div className={classNames().inner}>
          {renderNavButton(TopNavPanels.apps, this.navClickApps)}
          <LogoHeader />
          {renderNavButton(TopNavPanels.notification, this.navClickNotificaiton)}
          {renderNavButton(TopNavPanels.settings, this.navClickSettings)}
          {renderNavButton(TopNavPanels.feedback, this.navClickFeedback)}
          {renderNavButton(TopNavPanels.help, this.navClickHelp)}
          <User darkTopNav={true} />
        </div>
        {this.renderPanel(panel, panelProps, panelContent)}
      </header>);
  }