Merge pull request #5594 from HSLdevcom/AB#137-Improve-how-transfers-are-displayed

Ab#137 improve how transfers are displayed

Author: vesameskanen

app/component/itinerary/InterlineInfo.js

@@ -18,7 +18,7 @@ const InterlineInfo = ({ legs, leg, usingOwnCarWholeTrip }) => {
       }
     });
   }
-  const icon = usingOwnCarWholeTrip ? 'icon_wait-car' : 'icon_wait';
+  const icon = usingOwnCarWholeTrip ? 'icon_wait-car' : 'icon_wait_sitting';
   return (
     <div className="interline-info-container">
       {legs.length === 1 && (

app/component/itinerary/Itinerary.js

@@ -614,7 +614,7 @@ const Itinerary = (
           isTransitLeg={false}
           mode={LegMode.Wait}
           large={breakpoint === 'large'}
-          icon={usingOwnCarWholeTrip ? 'icon_wait-car' : undefined}
+          icon={usingOwnCarWholeTrip ? 'icon_wait-car' : 'icon_wait_standing'}
         />,
       );
     }

app/component/itinerary/Legs.js

@@ -189,7 +189,9 @@ export default class Legs extends React.Component {
               start={leg.end}
               waitTime={waitTime}
               focusAction={this.focus(leg.to)}
-              icon={usingOwnCarWholeTrip ? 'icon_wait-car' : undefined}
+              icon={
+                usingOwnCarWholeTrip ? 'icon_wait-car' : 'icon_wait_standing'
+              }
             >
               {stopCode(leg.to.stop)}
             </WaitLeg>

app/component/itinerary/navigator/NaviCard.js

@@ -14,9 +14,9 @@ const iconMap = {
   CAR: 'icon_car',
   SCOOTER: 'icon_scooter_rider',
   WALK: 'icon_walk',
-  WAIT: 'icon_navigation_wait',
+  WAIT: 'icon_wait_standing',
   CALL: 'icon_call',
-  WAIT_IN_VEHICLE: 'icon_wait',
+  WAIT_IN_VEHICLE: 'icon_wait_sitting',
 };
 
 export default function NaviCard(

app/component/itinerary/navigator/NaviStarter.js

@@ -60,7 +60,7 @@ const NaviStarter = (
         ) : (
           <Icon
             aria-hidden="true"
-            img="icon_navigation_wait"
+            img="icon_wait_standing"
             className="mode"
             height={2}
             width={2}