Fix jaegertracing#94 browser back button not working

Signed-off-by: Joe Farro <joef@uber.com>

Signed-off-by: vvvprabhakar <vvvprabhakar@gmail.com>

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();
 });