message: frontend: Fix sidebar active highlight not updating for some pages
  Use additional key attributes to ensure the sidebar nav links a
  re-rendered when the URL pathname changes so that the active highlight
  is correctly applied.
diff: @@ -38,7 +38,10 @@ const logout = e => {
  authSvc.logout();
  };
  -export const Nav = () => <div id="sidebar" className="co-img-bg-cells">
  +export const Nav = () => {
  + const pathname = history.getCurrentLocation().pathname;
  +
  + return <div id="sidebar" className="co-img-bg-cells">
  <div className="navigation-container">
  <div className="navigation-container__section navigation-container__section--logo">
  <Link to="/"><img src="static/imgs/tectonic-bycoreos-whitegrn.svg" id="logo" /></Link>
  @@ -48,7 +51,7 @@ export const Nav = () => <div id="sidebar" className="co-img-bg-cells">
  <div className="navigation-container__section__title">
  <i className="fa fa-folder-open-o navigation-container__section__title__icon"></i>Browse Cluster
  </div>
  - <ul className="navigation-container__list no-margin collapse in">
  + <ul className="navigation-container__list no-margin collapse in" key={pathname}>
  <NavLink resource="deployments" name="Deployments"/>
  <NavLink resource="services" name="Services"/>
  <NavLink resource="jobs" name="Jobs"/>
  @@ -70,7 +73,7 @@ export const Nav = () => <div id="sidebar" className="co-img-bg-cells">
  <div className="navigation-container__section__title">
  <i className="fa fa-cog navigation-container__section__title__icon"></i>Administration
  </div>
  - <ul className="navigation-container__list no-margin collapse in" id="admin-tab">
  + <ul className="navigation-container__list no-margin collapse in" id="admin-tab" key={pathname}>
  <NavLink href="namespaces" name="Namespaces" />
  <NavLink href="nodes" name="Nodes" />
  <NavLink href="settings/cluster" name="Cluster Settings" />
  @@ -87,7 +90,7 @@ export const Nav = () => <div id="sidebar" className="co-img-bg-cells">
  <i className="fa fa-user navigation-container__section__title__icon"></i>
  { authSvc.name() }
  </div>
  - <ul id="account-nav" className="navigation-container__list">
  + <ul id="account-nav" className="navigation-container__list" key={pathname}>
  <NavLink href="settings/profile" name="My Account" />
  <NavLink href="#" name="Log Out" required="AUTH_ENABLED" onClick={logout} />
  </ul>
  @@ -95,3 +98,4 @@ export const Nav = () => <div id="sidebar" className="co-img-bg-cells">
  }
  </div>
  </div>;
  +};
  