Source: components/header/navigation/Navigation.js

import React, { Component } from 'react'
import './Navigation.css'
import { Link } from 'react-router-dom'
import getTranslation from '../../../i18n'

// Import subcomponents
import LanguageSwitchContainer from '../../../containers/LanguageSwitchContainer'

/**
 * The navigation on the left side of the header
 */
class Navigation extends Component {

  render() {
      return(
        <div className="header-navigation">
            {this.props.title &&
                <Link to="/"><h1>{this.props.title}</h1></Link>
            }
            {!this.props.title &&
                <Link to="/experts"><h1><i className="fa fa-book" aria-hidden="true"></i>{getTranslation("navigation.knowledge_platform")}</h1></Link>
            }

          <ul>
            <LanguageSwitchContainer />
            <Link to="/"><li><i className="fa fa-home" aria-hidden="true"></i></li></Link>
            <Link to="/experts"><li><i className="fa fa-book" aria-hidden="true"></i></li></Link>
          </ul>
        </div>
      )
  }

}

export default Navigation