From 81278127116de92c2608aca332021d76766e322a Mon Sep 17 00:00:00 2001
From: tuomasli <tuomas.lindell@cgi.com>
Date: Tue, 9 Dec 2025 16:07:02 +0200
Subject: [PATCH] AB#137 Improve how transfers are displayed

---
 app/component/itinerary/InterlineInfo.js         | 2 +-
 app/component/itinerary/Itinerary.js             | 2 +-
 app/component/itinerary/Legs.js                  | 4 +++-
 app/component/itinerary/navigator/NaviCard.js    | 4 ++--
 app/component/itinerary/navigator/NaviStarter.js | 2 +-
 static/assets/svg-sprite.default.svg             | 6 +++---
 static/assets/svg-sprite.hsl.svg                 | 6 +++---
 7 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/app/component/itinerary/InterlineInfo.js b/app/component/itinerary/InterlineInfo.js
index 9f403669f6..ce7d1cc4a0 100644
--- a/app/component/itinerary/InterlineInfo.js
+++ b/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 && (
diff --git a/app/component/itinerary/Itinerary.js b/app/component/itinerary/Itinerary.js
index 8cb645fb39..84a957d386 100644
--- a/app/component/itinerary/Itinerary.js
+++ b/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_standing'}
         />,
       );
     }
diff --git a/app/component/itinerary/Legs.js b/app/component/itinerary/Legs.js
index 4c40aea640..2eed221390 100644
--- a/app/component/itinerary/Legs.js
+++ b/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>
diff --git a/app/component/itinerary/navigator/NaviCard.js b/app/component/itinerary/navigator/NaviCard.js
index 6d88cfcb6c..80d0434887 100644
--- a/app/component/itinerary/navigator/NaviCard.js
+++ b/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(
diff --git a/app/component/itinerary/navigator/NaviStarter.js b/app/component/itinerary/navigator/NaviStarter.js
index 4bcdf60bd5..0bf2eb359e 100644
--- a/app/component/itinerary/navigator/NaviStarter.js
+++ b/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}
diff --git a/static/assets/svg-sprite.default.svg b/static/assets/svg-sprite.default.svg
index 8f4184f552..48db1aea66 100644
--- a/static/assets/svg-sprite.default.svg
+++ b/static/assets/svg-sprite.default.svg
@@ -392,7 +392,7 @@
    <path d="m7.422 4.354-.9.887V3.193c0-.685-1.066-.685-1.066 0v3.29q0 .04.005.078a.48.48 0 0 0 .34.435.49.49 0 0 0 .542-.09l.017-.015q.003 0 .005-.004l1.81-1.783c.49-.481-.263-1.232-.753-.75"/>
   </symbol>
 
-  <symbol id="icon_wait" viewBox="0 0 18 18">
+  <symbol id="icon_wait_sitting" viewBox="0 0 18 18">
     <path d="M13.77 2.031c1.035 0 1.905.869 1.905 1.903 0 1.066-.87 1.906-1.905 1.906a1.91 1.91 0 0 1-1.905-1.905c0-1.035.87-1.904 1.905-1.904m-.289 13.74-2.43-.001a.624.624 0 1 1 0-1.25h2.399l.013.002c.15.006 1.3.003 1.66-1.394.496-1.935.859-3.834.862-3.853a.624.624 0 1 1 1.227.234c-.005.02-.375 1.956-.88 3.93-.325 1.269-1.106 1.839-1.702 2.092-.5.213-.954.24-1.149.24"/>
     <path d="M15.557 7.622c-.127-.698-.879-1.289-1.834-1.133-.771.128-1.238 2.263-1.51 3.782-.248.058-2.362.6-2.689.691a.625.625 0 0 0-.426.8 2.3 2.3 0 0 0-.721.155c-.717.302-.702.903-.702 2.021V18h2.074v-4.014l3.702.002c.975 0 1.184-1.07 1.365-2.033.09-.473.894-3.508.741-4.333M4.72 8.16a3.435 3.435 0 0 1 0-6.872 3.434 3.434 0 0 1 3.434 3.436 3.434 3.434 0 0 1-3.433 3.437m0-8.16A4.72 4.72 0 0 0 0 4.724 4.723 4.723 0 0 0 4.72 9.45a4.724 4.724 0 0 0 4.722-4.725A4.72 4.72 0 0 0 4.72.001"/>
     <path d="m5.852 3.414-.71.702V2.494c0-.543-.84-.543-.84 0V5.1q-.002.03.003.061a.38.38 0 0 0 .269.344c.133.06.29.05.427-.07l.014-.013q.002 0 .003-.003l1.428-1.411c.387-.381-.209-.975-.594-.594"/>
@@ -1180,8 +1180,8 @@
    <path d="M5.14 9.272C2.578 9.272.5 11.432.5 13.86c0 3.768 4.64 9.292 4.64 9.292s4.642-5.524 4.642-9.292c0-2.427-2.078-4.587-4.641-4.587m2.07 4.637a2.07 2.07 0 0 1-4.14 0 2.068 2.068 0 0 1 4.137 0zM29.35 0c-1.376 0-2.492 1.16-2.492 2.464 0 2.024 2.493 4.992 2.493 4.992s2.493-2.968 2.493-4.992C31.844 1.159 30.727 0 29.35 0m1.112 2.49q0 .204-.067.383a1.111 1.111 0 1 1 .067-.382m-1.111 5.768c-.68 0-1.274.354-1.615.887H25.62a6.57 6.57 0 0 0-5.575 3.063l-.065.101a1.914 1.914 0 0 0-1.692 2.666l-3.798 5.977a1.913 1.913 0 0 0-1.7 2.66 4.38 4.38 0 0 1-3.559 1.809H6.71a1.916 1.916 0 0 0-3.483 1.098 1.916 1.916 0 0 0 3.482 1.1h2.525a6.57 6.57 0 0 0 5.428-2.847 1.913 1.913 0 0 0 1.672-2.618l3.83-6.025a1.914 1.914 0 0 0 1.664-2.62l.077-.123a4.38 4.38 0 0 1 3.717-2.04h2.218a1.914 1.914 0 1 0 1.513-3.087zM5.14 27.656a1.138 1.138 0 1 1 0-2.276 1.138 1.138 0 0 1 0 2.276M14.553 24a1.138 1.138 0 1 1 0-2.276 1.138 1.138 0 0 1 0 2.276m5.496-8.643a1.138 1.138 0 1 1 0-2.276 1.138 1.138 0 0 1 0 2.276m9.302-4.047a1.138 1.138 0 1 1 0-2.276 1.138 1.138 0 0 1 0 2.276m1.773 15.698a.93.93 0 0 1-.787 1.426h-9.553a.93.93 0 0 1-.805-1.395l4.775-8.265a.932.932 0 0 1 1.611 0l4.75 8.219.009.013m-4.871-.172c0-.382-.295-.677-.697-.677s-.697.295-.697.677v.098c0 .382.305.677.697.677a.677.677 0 0 0 .697-.677zm.01-5.749c.02-.236-.129-.421-.354-.421h-.706c-.226 0-.363.185-.344.421l.344 4.002c.02.216.156.353.353.353s.344-.137.363-.353zM7.18 7.062a.927.927 0 0 1-.925-.925V.925c0-.51.417-.925.925-.925h12.054c.51 0 .926.417.926.925v5.212c0 .51-.417.925-.926.925h-1.723v2.695c0 .508-.316.652-.702.323l-3.32-3.018zm9.005-4.324a.755.755 0 0 0-.78.78v.114c0 .44.316.78.78.78.465 0 .782-.34.782-.78v-.114a.755.755 0 0 0-.782-.78m-2.978 0a.755.755 0 0 0-.78.78v.114c0 .44.316.78.78.78.465 0 .781-.34.781-.78v-.114a.755.755 0 0 0-.78-.78m-2.978 0a.755.755 0 0 0-.781.78v.114c0 .44.317.78.781.78.465 0 .781-.34.781-.78v-.114a.755.755 0 0 0-.78-.78"/>
   </symbol>
 
-  <symbol id="icon_navigation_wait" viewBox="0 0 32 32">
-   <path fill="#333" d="M10.294 14.88a4.58 4.58 0 0 1-4.578-4.58 4.579 4.579 0 1 1 9.156 0 4.58 4.58 0 0 1-4.578 4.582m0-10.88A6.296 6.296 0 0 0 4 10.3c0 3.478 2.818 6.3 6.294 6.3a6.3 6.3 0 0 0 6.296-6.3A6.297 6.297 0 0 0 10.294 4m1.508 4.552-.473.468-.473.468V7.326c0-.724-1.12-.724-1.12 0V10.8a.4.4 0 0 0 .004.082c.02.242.17.396.358.457a.51.51 0 0 0 .588-.11l.002-.001.002-.002.024-.024 1.88-1.858c.516-.508-.278-1.3-.792-.792m10.016 3.084a2.909 2.909 0 1 0 0-5.818 2.909 2.909 0 0 0 0 5.818M24 14.546a2.182 2.182 0 0 0-4.364 0v4.072H24zM19.636 19.2v1.164c0 1.2.44 1.52.837 1.807.324.235.617.448.617 1.102v5.818H24V19.2z"/>
+  <symbol id="icon_wait_standing" viewBox="0 0 32 32">
+    <path d="M10.533 13.818A5.817 5.817 0 0 1 4.72 8a5.815 5.815 0 1 1 11.628 0 5.817 5.817 0 0 1-5.814 5.82m0-13.818A7.996 7.996 0 0 0 2.54 8c0 4.417 3.579 8.001 7.993 8.001a8 8 0 0 0 7.996-8.001A7.997 7.997 0 0 0 10.533 0m1.916 5.781-.601.594-.6.595V4.224c0-.92-1.423-.92-1.423 0v4.412a.5.5 0 0 0 .005.104.64.64 0 0 0 .454.58.65.65 0 0 0 .747-.14h.003l.002-.003.03-.03 2.388-2.36c.656-.645-.353-1.651-1.005-1.006m12.72 3.917a3.694 3.694 0 1 0 0-7.39 3.694 3.694 0 0 0 0 7.39m2.771 3.695a2.771 2.771 0 0 0-5.542 0v5.172h5.542zm-5.542 5.911v1.478c0 1.524.559 1.93 1.063 2.295.411.299.783.57.783 1.4v7.389h3.696V19.304z"/>
   </symbol>
 
   <symbol id="navi-expand" viewBox="0 0 24 24">
diff --git a/static/assets/svg-sprite.hsl.svg b/static/assets/svg-sprite.hsl.svg
index 34bfd903df..1e469d2804 100644
--- a/static/assets/svg-sprite.hsl.svg
+++ b/static/assets/svg-sprite.hsl.svg
@@ -244,7 +244,7 @@
    <path d="m7.422 4.354-.9.887V3.193c0-.685-1.066-.685-1.066 0v3.29q0 .04.005.078a.48.48 0 0 0 .34.435.49.49 0 0 0 .542-.09l.017-.015q.003 0 .005-.004l1.81-1.783c.49-.481-.263-1.232-.753-.75"/>
   </symbol>
 
-  <symbol id="icon_wait" viewBox="0 0 18 18">
+  <symbol id="icon_wait_sitting" viewBox="0 0 18 18">
     <path d="M13.77 2.031c1.035 0 1.905.869 1.905 1.903 0 1.066-.87 1.906-1.905 1.906a1.91 1.91 0 0 1-1.905-1.905c0-1.035.87-1.904 1.905-1.904m-.289 13.74-2.43-.001a.624.624 0 1 1 0-1.25h2.399l.013.002c.15.006 1.3.003 1.66-1.394.496-1.935.859-3.834.862-3.853a.624.624 0 1 1 1.227.234c-.005.02-.375 1.956-.88 3.93-.325 1.269-1.106 1.839-1.702 2.092-.5.213-.954.24-1.149.24"/>
     <path d="M15.557 7.622c-.127-.698-.879-1.289-1.834-1.133-.771.128-1.238 2.263-1.51 3.782-.248.058-2.362.6-2.689.691a.625.625 0 0 0-.426.8 2.3 2.3 0 0 0-.721.155c-.717.302-.702.903-.702 2.021V18h2.074v-4.014l3.702.002c.975 0 1.184-1.07 1.365-2.033.09-.473.894-3.508.741-4.333M4.72 8.16a3.435 3.435 0 0 1 0-6.872 3.434 3.434 0 0 1 3.434 3.436 3.434 3.434 0 0 1-3.433 3.437m0-8.16A4.72 4.72 0 0 0 0 4.724 4.723 4.723 0 0 0 4.72 9.45a4.724 4.724 0 0 0 4.722-4.725A4.72 4.72 0 0 0 4.72.001"/>
     <path d="m5.852 3.414-.71.702V2.494c0-.543-.84-.543-.84 0V5.1q-.002.03.003.061a.38.38 0 0 0 .269.344c.133.06.29.05.427-.07l.014-.013q.002 0 .003-.003l1.428-1.411c.387-.381-.209-.975-.594-.594"/>
@@ -1151,8 +1151,8 @@
    <path fill="#333" d="M11 23h2v9a1 1 0 1 1-2 0z"/>
   </symbol>
 
-  <symbol id="icon_navigation_wait" viewBox="0 0 32 32">
-   <path fill="#333" d="M10.294 14.88a4.58 4.58 0 0 1-4.578-4.58 4.579 4.579 0 1 1 9.156 0 4.58 4.58 0 0 1-4.578 4.582m0-10.88A6.296 6.296 0 0 0 4 10.3c0 3.478 2.818 6.3 6.294 6.3a6.3 6.3 0 0 0 6.296-6.3A6.297 6.297 0 0 0 10.294 4m1.508 4.552-.473.468-.473.468V7.326c0-.724-1.12-.724-1.12 0V10.8a.4.4 0 0 0 .004.082c.02.242.17.396.358.457a.51.51 0 0 0 .588-.11l.002-.001.002-.002.024-.024 1.88-1.858c.516-.508-.278-1.3-.792-.792m10.016 3.084a2.909 2.909 0 1 0 0-5.818 2.909 2.909 0 0 0 0 5.818M24 14.546a2.182 2.182 0 0 0-4.364 0v4.072H24zM19.636 19.2v1.164c0 1.2.44 1.52.837 1.807.324.235.617.448.617 1.102v5.818H24V19.2z"/>
+  <symbol id="icon_wait_standing" viewBox="0 0 32 32">
+    <path d="M10.533 13.818A5.817 5.817 0 0 1 4.72 8a5.815 5.815 0 1 1 11.628 0 5.817 5.817 0 0 1-5.814 5.82m0-13.818A7.996 7.996 0 0 0 2.54 8c0 4.417 3.579 8.001 7.993 8.001a8 8 0 0 0 7.996-8.001A7.997 7.997 0 0 0 10.533 0m1.916 5.781-.601.594-.6.595V4.224c0-.92-1.423-.92-1.423 0v4.412a.5.5 0 0 0 .005.104.64.64 0 0 0 .454.58.65.65 0 0 0 .747-.14h.003l.002-.003.03-.03 2.388-2.36c.656-.645-.353-1.651-1.005-1.006m12.72 3.917a3.694 3.694 0 1 0 0-7.39 3.694 3.694 0 0 0 0 7.39m2.771 3.695a2.771 2.771 0 0 0-5.542 0v5.172h5.542zm-5.542 5.911v1.478c0 1.524.559 1.93 1.063 2.295.411.299.783.57.783 1.4v7.389h3.696V19.304z"/>
   </symbol>
 
   <symbol id="icon_future-route" viewBox="0 0 32 32">