text: import React, { Component } from 'react'
  import PropTypes from 'prop-types'
  import Link from './Link'
  import { connect } from 'react-redux'
  import { bindActionCreators } from 'redux'
  import { actions } from 'redux-router5'
  
  class Nav extends Component {
      constructor(props, context) {
          super(props)
          this.router = context.router
      }
  
      render() {
          const { navigateTo, route } = this.props
  
          return (
              <nav>
                  <Link
                      router={this.router}
                      navigateTo={navigateTo}
                      name="inbox"
                      options={{ reload: true }}
                  >
                      Inbox
                  </Link>
                  <Link
                      router={this.router}
                      navigateTo={navigateTo}
                      name="compose"
                  >
                      Compose
                  </Link>
                  <Link
                      router={this.router}
                      navigateTo={navigateTo}
                      name="contacts"
                  >
                      Contacts
                  </Link>
              </nav>
          )
      }
  }
  
  Nav.contextTypes = {
      router: PropTypes.object.isRequired
  }
  
  export default connect(
      state => state.router.route,
      dispatch => bindActionCreators({ navigateTo: actions.navigateTo }, dispatch)
  )(Nav)
  