call setViewedRoute in matchContentToUrl instead of nearby useEffect

Author: amy-corson-ibigroup

lib/actions/ui.js

@@ -291,6 +291,7 @@ export function matchContentToUrl(map, location) {
 
           dispatch(setMainPanelContent(MainPanelContent.NEARBY_VIEW))
         }
+        dispatch(setViewedRoute(null))
         break
       case 'trip':
         dispatch(setViewedStop(null))

lib/components/viewers/nearby/nearby-view.tsx

@@ -88,7 +88,6 @@ type Props = {
   setMainPanelContent: (content: number) => void
   setNearbyViewFilter: (arg: NearbyFilters) => void
   setViewedNearbyCoords: (location: Location | null) => void
-  setViewedRoute: () => void
   zoomToPlace: ZoomToPlaceHandler
 }
 
@@ -182,7 +181,6 @@ function NearbyView({
   setMainPanelContent,
   setNearbyViewFilter,
   setViewedNearbyCoords,
-  setViewedRoute,
   zoomToPlace
 }: Props): JSX.Element {
   const map = useMap().default
@@ -202,11 +200,6 @@ function NearbyView({
     [nearbyViewCoords, currentPosition, map]
   )
 
-  // Clear viewed route when entering nearby view
-  useEffect(() => {
-    setViewedRoute()
-  }, [setViewedRoute])
-
   const reverseCoords = async (coords: LonLatInput) => {
     try {
       const location = await getGeocoder(geocoderConfig).reverse({
@@ -575,7 +568,6 @@ const mapDispatchToProps = {
   setMainPanelContent: uiActions.setMainPanelContent,
   setNearbyViewFilter: uiActions.setNearbyViewFilter,
   setViewedNearbyCoords: uiActions.setViewedNearbyCoords,
-  setViewedRoute: uiActions.setViewedRoute,
   viewNearby: uiActions.viewNearby,
   zoomToPlace: mapActions.zoomToPlace
 }