AB#137 Improve how transfers are displayed

Author: tuomas-lindell

app/component/itinerary/Itinerary.js

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

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_sitting'
+              }
             >
               {stopCode(leg.to.stop)}
             </WaitLeg>

app/component/itinerary/StartNavi.js

@@ -15,7 +15,7 @@ const StartNavi = ({ startNavigation }, context) => {
       <button type="button" onClick={startNavigation}>
         <Icon
           className="navigation-icon"
-          img="icon_navigation"
+          img="icon_wait_standing"
           color={color}
           omitViewBox
         />

app/component/itinerary/navigator/NaviCard.js

@@ -14,7 +14,7 @@ const iconMap = {
   CAR: 'icon_car',
   SCOOTER: 'icon_scooter_rider',
   WALK: 'icon_walk',
-  WAIT: 'icon_navigation_wait',
+  WAIT: 'icon_wait_sitting',
   CALL: 'icon_call',
   WAIT_IN_VEHICLE: 'icon_wait',
 };

app/component/itinerary/navigator/NaviStarter.js

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