feat(multi-agency): add support for multi-agency routes

Link to agency website with agency name and agency branding URL.

re ibi-group/trimet-mod-otp#169

Author: landonreed

lib/components/narrative/line-itin/transit-leg-body.js

@@ -39,7 +39,16 @@ export default class TransitLegBody extends Component {
 
   render () {
     const { customIcons, leg } = this.props
-    const { alerts, mode, routeShortName, routeLongName, headsign } = leg
+    const {
+      agencyBrandingUrl,
+      agencyName,
+      agencyUrl,
+      alerts,
+      mode,
+      routeShortName,
+      routeLongName,
+      headsign
+    } = leg
     const { alertsExpanded, stopsExpanded } = this.state
 
     let iconMode = mode
@@ -111,6 +120,18 @@ export default class TransitLegBody extends Component {
               {stopsExpanded ? <IntermediateStops stops={leg.intermediateStops} /> : null }
             </VelocityTransitionGroup>
 
+            <span className='agency-info'>
+              Service operated by{' '}
+              <a href={agencyUrl} target='_blank'>
+                {agencyName}{agencyBrandingUrl &&
+                  <img
+                    src={agencyBrandingUrl}
+                    height={25}
+                    style={{ marginLeft: '5px' }} />
+                }
+              </a>
+            </span>
+
             {/* Average wait details, if present */}
             {leg.averageWait && <span>Typical Wait: {formatDuration(leg.averageWait)}</span>}
           </div>