fix(line-itin/itinerary-body): Use setActiveLeg as passed by NarrativeItineraries.

Author: binh-dam-ibigroup

Diff for: lib/components/narrative/line-itin/connected-itinerary-body.js

@@ -10,7 +10,6 @@ import { connect } from 'react-redux'
 import styled from 'styled-components'
 
 import { showLegDiagram } from '../../../actions/map'
-import { setActiveLeg } from '../../../actions/narrative'
 import { setViewedTrip } from '../../../actions/ui'
 import TransitLegSubheader from './connected-transit-leg-subheader'
 import TripDetails from '../connected-trip-details'
@@ -82,7 +81,6 @@ const mapStateToProps = (state, ownProps) => {
 }
 
 const mapDispatchToProps = {
-  setActiveLeg,
   setViewedTrip,
   showLegDiagram
 }

Diff for: lib/components/narrative/line-itin/line-itinerary.js

@@ -50,6 +50,7 @@ export default class LineItinerary extends NarrativeItinerary {
       itinerary,
       itineraryFooter,
       LegIcon,
+      setActiveLeg,
       showRealtimeAnnotation,
       onClick,
       timeFormat
@@ -75,7 +76,14 @@ export default class LineItinerary extends NarrativeItinerary {
         />
         {showRealtimeAnnotation && <SimpleRealtimeAnnotation />}
         {active || expanded
-          ? <ItineraryBody itinerary={itinerary} LegIcon={LegIcon} />
+          ? <ItineraryBody
+            itinerary={itinerary}
+            LegIcon={LegIcon}
+            // Don't use setActiveLeg as an import
+            // (will cause error when clicking on itinerary suymmary).
+            // Use the one passed by NarrativeItineraries instead.
+            setActiveLeg={setActiveLeg}
+          />
           : null}
         {itineraryFooter}
       </LineItineraryContainer>