message: Fix exchange absenting underline issue
diff: import React, { Component, Fragment } from 'react'
  import PropTypes from 'prop-types'
  +import cx from 'classnames'
  import { NavLink } from 'react-router-dom'
  import { links } from 'helpers'
  @@ -8,14 +9,34 @@ import CSSModules from 'react-css-modules'
  import styles from './Nav.scss'
  -@CSSModules(styles)
  +@CSSModules(styles, { allowMultiple: true })
  export default class Nav extends Component {
  static propTypes = {
  menu: PropTypes.array.isRequired,
  }
  - handleClick = () => {
  + state = {
  + activeRoute: '/',
  + }
  +
  + componentDidMount = () => {
  + const path = window.location.pathname
  + const menu = document.querySelector('#navmenu')
  + const el = menu.querySelector(`a[href="${path}"]`)
  +
  + // TODO: Replace this hack approach
  +
  + if (el) {
  + el.click()
  + } else {
  + menu.querySelector('a[href="/exchange"]').click()
  + }
  + }
  +
  + handleClick = (link) => {
  + this.setState({ activeRoute: link })
  +
  const scrollStep = -window.scrollY / (500 / 15)
  const scrollInterval = setInterval(() => {
  if (window.scrollY !== 0) {
  @@ -28,21 +49,22 @@ export default class Nav extends Component {
  render() {
  const { menu } = this.props
  + const { activeRoute } = this.state
  return (
  - <div styleName="nav">
  + <div id="navmenu" styleName="nav">
  <Fragment>
  {
  menu
  .filter(i => i.isDesktop !== false)
  .map(({ title, link, exact }) => (
  <NavLink
  - onClick={this.handleClick}
  + onClick={() => this.handleClick(link)}
  key={title}
  exact={exact}
  - styleName="link"
  + styleName={cx('link', { 'active': activeRoute === link })}
  to={link}
  - activeClassName={styles.active}
  + // activeClassName={styles.active}
  >
  {title}
  </NavLink>
  