From 78e959d9b0d54a204de0b5c80242af3622bad436 Mon Sep 17 00:00:00 2001
From: Simo Partinen <simo.partinen@twoday.com>
Date: Fri, 27 Dec 2024 16:33:13 +0200
Subject: [PATCH] feat: memoized planar leg calculation

---
 .../navigator/hooks/useRealtimeLegs.js        | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/app/component/itinerary/navigator/hooks/useRealtimeLegs.js b/app/component/itinerary/navigator/hooks/useRealtimeLegs.js
index 115ef46550..a3a4623b36 100644
--- a/app/component/itinerary/navigator/hooks/useRealtimeLegs.js
+++ b/app/component/itinerary/navigator/hooks/useRealtimeLegs.js
@@ -155,6 +155,16 @@ const useRealtimeLegs = (relayEnvironment, initialLegs = []) => {
     [initialLegs[0]],
   );
 
+  const planarLegs = useMemo(() => {
+    return initialLegs.map(leg => {
+      const geometry = polyUtil.decode(leg.legGeometry.points);
+      return {
+        ...leg,
+        geometry: geometry.map(p => GeodeticToEnu(p[0], p[1], origin)),
+      };
+    });
+  }, [initialLegs]);
+
   const queryAndMapRealtimeLegs = useCallback(
     async legs => {
       if (!legs.length) {
@@ -188,14 +198,6 @@ const useRealtimeLegs = (relayEnvironment, initialLegs = []) => {
       return;
     }
 
-    const planarLegs = initialLegs.map(leg => {
-      const geometry = polyUtil.decode(leg.legGeometry.points);
-      return {
-        ...leg,
-        geometry: geometry.map(p => GeodeticToEnu(p[0], p[1], origin)),
-      };
-    });
-
     const rtLegMap = await queryAndMapRealtimeLegs(planarLegs).catch(err =>
       // eslint-disable-next-line no-console
       console.error('Failed to query and map real time legs', err),
@@ -219,7 +221,7 @@ const useRealtimeLegs = (relayEnvironment, initialLegs = []) => {
     // shift non-transit-legs to match possibly changed transit legs
     matchLegEnds(rtLegs);
     setRealTimeLegs(rtLegs);
-  }, [initialLegs, queryAndMapRealtimeLegs]);
+  }, [planarLegs, queryAndMapRealtimeLegs]);
 
   useEffect(() => {
     fetchAndSetRealtimeLegs();