Redux-Semantic-UI-React

  render() {
    return (
      <header>
        <Grid columns={5} relaxed>
          <Grid.Column>
            <Segment basic>
            <Label as='a' href="#" onClick={::this._handleBoardClick}><Icon name="heartbeat"/> Доски</Label>
              {::this._renderBoard()}
            </Segment>
          </Grid.Column>
          <Grid.Column>
          <Segment basic>
          <Link to='/book'>Статьи
              <Icon name="book"/>
            </Link>
          </Segment>
        </Grid.Column>          
          <Grid.Column>
            <Link to='/'>
              <Image src='/images/logo.png' size='small' />
            </Link>
          </Grid.Column>
          <Grid.Column>
            <Segment basic>
              {this._renderCurrentUser()}
            </Segment>
          </Grid.Column>
          <Grid.Column>
          <Segment basic>
            {this._renderSignOutLink()}
          </Segment>
        </Grid.Column>
      </Grid>
    </header>
    );
  }

  render() {
    const { fetching, name } = this.props.currentBoard;
 
    if (fetching) return (
      <div className="view-container boards show">
        <i className="fa fa-spinner fa-spin"/>
      </div>
    );
 
    return (
      <div className="view-container boards show">
        <header className="view-header">
          <h3>{name}</h3>
          {::this._renderMember()}
        </header>
        <div className="canvas-wrapper">
          <div className="canvas">
            <div className="lists-wrapper">
              {::this._renderList()}
              {::this._renderAddNewList()}
            </div>
          </div>
        </div>
        {this.props.children}
      </div>
    );
  }