fix: make route viewer clearer by hiding other elements when it's shown

Author: miles-grant-ibigroup

lib/components/map/connected-endpoints-overlay.js

@@ -12,6 +12,11 @@ import { getActiveSearch, getShowUserSettings } from '../../util/state'
 // connect to the redux store
 
 const mapStateToProps = (state, ownProps) => {
+  // If trip viewer is not active, do not show trip on map
+  if (state.otp.ui.mainPanelContent !== null) {
+    return {}
+  }
+
   // Use query from active search (if a search has been made) or default to
   // current query is no search is available.
   const activeSearch = getActiveSearch(state)

lib/components/map/connected-transitive-overlay.js

@@ -7,6 +7,12 @@ import { getTransitiveData } from '../../util/state'
 
 const mapStateToProps = (state, ownProps) => {
   const { labeledModes, styles } = state.otp.config.map.transitive || {}
+
+  // If trip viewer is not active, do not show trip on map
+  if (state.otp.ui.mainPanelContent !== null) {
+    return {tripData: null}
+  }
+
   return {
     labeledModes,
     styles,

lib/components/viewers/viewer-container.js

@@ -19,7 +19,7 @@ class ViewerContainer extends Component {
 
     // check for main panel content
     if (uiState.mainPanelContent === MainPanelContent.ROUTE_VIEWER) {
-      return <RouteViewer />
+      return <RouteViewer hideBackButton />
     }
 
     // check for stop viewer