Fix browser back button not working correctly

CHANGELOG.md

@@ -1,4 +1,9 @@
-# Changes
+# Changes merged into master
+
+
+### [#110](https://github.com/jaegertracing/jaeger-ui/pull/110) Fix browser back button not working correctly
+
+Fix bug causing browser back button to not work correctly. Fixes [#94](https://github.com/jaegertracing/jaeger-ui/issues/94).
 
 
 ### [#107](https://github.com/jaegertracing/jaeger-ui/pull/107) Embed UI config

src/components/App/Page.js

@@ -18,6 +18,7 @@ import * as React from 'react';
 import Helmet from 'react-helmet';
 import { connect } from 'react-redux';
 import type { Location } from 'react-router-dom';
+import { withRouter } from 'react-router-dom';
 
 import TopNav from './TopNav';
 import type { Config } from '../../types/config';
@@ -64,8 +65,8 @@ class Page extends React.Component<PageProps> {
 
 function mapStateToProps(state, ownProps) {
   const { config } = state;
-  const { location } = state.routing;
+  const { location } = state.router;
   return { ...ownProps, config, location };
 }
 
-export default connect(mapStateToProps)(Page);
+export default withRouter(connect(mapStateToProps)(Page));

src/components/SearchTracePage/TraceSearchForm.js

@@ -213,7 +213,7 @@ const mapStateToProps = state => {
     minDuration,
     lookback,
     traceID: traceIDParams,
-  } = queryString.parse(state.routing.location.search);
+  } = queryString.parse(state.router.location.search);
 
   const nowInMicroseconds = moment().valueOf() * 1000;
   const today = formatDate(nowInMicroseconds);

src/components/SearchTracePage/index.js

@@ -200,7 +200,7 @@ const stateServicesXformer = getLastXformCacher(stateServices => {
 });
 
 function mapStateToProps(state) {
-  const query = queryString.parse(state.routing.location.search);
+  const query = queryString.parse(state.router.location.search);
   const isHomepage = !Object.keys(query).length;
   const { traces, maxDuration, loading, traceError } = stateTraceXformer(state.trace);
   const { services, serviceError } = stateServicesXformer(state.services);

src/utils/configure-store.js

@@ -25,7 +25,7 @@ export default function configureStore(history) {
     combineReducers({
       ...jaegerReducers,
       traceTimeline: traceTimelineViewReducer,
-      routing: routerReducer,
+      router: routerReducer,
     }),
     compose(
       applyMiddleware(

src/utils/configure-store.test.js

@@ -24,7 +24,7 @@ it('configureStore() should return the redux store', () => {
   expect(typeof store.subscribe === 'function').toBeTruthy();
   expect(typeof store.replaceReducer === 'function').toBeTruthy();
 
-  expect({}.hasOwnProperty.call(store.getState(), 'routing')).toBeTruthy();
+  expect({}.hasOwnProperty.call(store.getState(), 'router')).toBeTruthy();
   expect({}.hasOwnProperty.call(store.getState(), 'trace')).toBeTruthy();
   expect({}.hasOwnProperty.call(store.getState(), 'form')).toBeTruthy();
 });