@@ -66,7 +66,13 @@ class TransitLeg extends React.Component {
66
66
constructor ( props ) {
67
67
super ( props ) ;
68
68
this . state = {
69
- showIntermediateStops : props . leg . intermediatePlaces . length < 2 ,
69
+ showIntermediateStops :
70
+ props . interliningLegs . length >= 1
71
+ ? props . interliningLegs . reduce (
72
+ ( sum , leg ) => sum + leg . intermediatePlaces . length ,
73
+ 0 ,
74
+ ) < 2
75
+ : props . leg . intermediatePlaces . length < 2 ,
70
76
showAlternativeLegs : false ,
71
77
} ;
72
78
}
@@ -143,7 +149,7 @@ class TransitLeg extends React.Component {
143
149
renderIntermediate ( ) {
144
150
const { leg, mode, interliningLegs } = this . props ;
145
151
if (
146
- leg . intermediatePlaces . length > 0 &&
152
+ ( leg . intermediatePlaces . length > 0 || interliningLegs . length > 0 ) &&
147
153
this . state . showIntermediateStops === true
148
154
) {
149
155
const places = leg . intermediatePlaces . slice ( ) ;
@@ -419,7 +425,7 @@ class TransitLeg extends React.Component {
419
425
color = { leg . route ? `#${ leg . route . color } ` : 'currentColor' }
420
426
renderBottomMarker = {
421
427
! this . state . showIntermediateStops ||
422
- leg . intermediatePlaces . length === 0
428
+ ( leg . intermediatePlaces . length === 0 && interliningLegs . length < 1 )
423
429
}
424
430
/>
425
431
< div
@@ -570,7 +576,8 @@ class TransitLeg extends React.Component {
570
576
< LegAgencyInfo leg = { leg } />
571
577
{ intermediateStopCount !== 0 && (
572
578
< div className = "intermediate-stops-button-container" >
573
- { leg . intermediatePlaces . length > 1 && (
579
+ { ( leg . intermediatePlaces . length > 1 ||
580
+ interliningLegs . length >= 1 ) && (
574
581
< StopInfo
575
582
toggleFunction = { this . toggleShowIntermediateStops }
576
583
leg = { leg }
0 commit comments