front: center map on pathSteps if no path is found

Signed-off-by: Clara Ni <clara.ni@outlook.fr>

Author: clarani

front/src/applications/operationalStudies/views/ManageTrainSchedule.tsx

@@ -122,7 +122,7 @@ const ManageTrainSchedule = ({ trainIdToEdit }: ManageTrainScheduleProps) => {
         <div className="floating-itinerary">
           <Itinerary pathProperties={pathProperties} setPathProperties={setPathProperties} />
         </div>
-        <Map pathProperties={pathProperties}>
+        <Map pathProperties={pathProperties} simulationPathSteps={compact(pathSteps)}>
           <IncompatibleConstraints pathProperties={pathProperties} />
         </Map>
       </div>

front/src/applications/stdcm/components/StdcmResults/StdcmResults.tsx

@@ -67,9 +67,7 @@ const StcdmResults = ({
     );
   }, [outputs]);
 
-  const simulationPathSteps = hasSimulationResults
-    ? outputs.results.simulationPathSteps
-    : undefined;
+  const simulationPathSteps = hasSimulationResults ? outputs.results.simulationPathSteps : [];
 
   return (
     <>

front/src/modules/trainschedule/components/ManageTrainSchedule/ManageTrainScheduleMap/ItineraryMarkers.tsx

@@ -4,15 +4,13 @@ import type { Position } from '@turf/helpers';
 import cx from 'classnames';
 import type { Map } from 'maplibre-gl';
 import { Marker } from 'react-map-gl/maplibre';
-import { useSelector } from 'react-redux';
 
 import destinationSVG from 'assets/pictures/destination.svg';
 import stdcmDestination from 'assets/pictures/mapMarkers/destination.svg';
 import stdcmVia from 'assets/pictures/mapMarkers/intermediate-point.svg';
 import stdcmOrigin from 'assets/pictures/mapMarkers/start.svg';
 import originSVG from 'assets/pictures/origin.svg';
 import viaSVG from 'assets/pictures/via.svg';
-import { useOsrdConfSelectors } from 'common/osrdContext';
 import type { PathStep } from 'reducers/osrdconf/types';
 import { getNearestTrack } from 'utils/mapHelper';
 
@@ -38,7 +36,7 @@ type MarkerInformation = {
 
 type ItineraryMarkersProps = {
   map: Map;
-  simulationPathSteps?: PathStep[];
+  simulationPathSteps: PathStep[];
   showStdcmAssets: boolean;
 };
 
@@ -88,12 +86,9 @@ const extractMarkerInformation = (pathSteps: (PathStep | null)[], showStdcmAsset
   }, [] as MarkerInformation[]);
 
 const ItineraryMarkers = ({ map, simulationPathSteps, showStdcmAssets }: ItineraryMarkersProps) => {
-  const { getPathSteps } = useOsrdConfSelectors();
-  const pathSteps = useSelector(getPathSteps);
-
   const markersInformation = useMemo(
-    () => extractMarkerInformation(simulationPathSteps || pathSteps, showStdcmAssets),
-    [simulationPathSteps, pathSteps, showStdcmAssets]
+    () => extractMarkerInformation(simulationPathSteps, showStdcmAssets),
+    [simulationPathSteps, showStdcmAssets]
   );
 
   const getMarkerDisplayInformation = useCallback(
@@ -173,7 +168,7 @@ const ItineraryMarkers = ({ map, simulationPathSteps, showStdcmAssets }: Itinera
           </Marker>
         );
       }),
-    [simulationPathSteps, pathSteps, showStdcmAssets]
+    [markersInformation, showStdcmAssets]
   );
   return Markers;
 };

front/src/modules/trainschedule/components/ManageTrainSchedule/Map.tsx

@@ -63,7 +63,7 @@ type MapProps = {
   hideItinerary?: boolean;
   preventPointSelection?: boolean;
   mapId?: string;
-  simulationPathSteps?: PathStep[];
+  simulationPathSteps: PathStep[];
   showStdcmAssets?: boolean;
   isFeasible?: boolean;
 };
@@ -218,11 +218,15 @@ const Map = ({
   }, []);
 
   useEffect(() => {
-    if (pathGeometry) {
-      const newViewport = computeBBoxViewport(bbox(pathGeometry), mapViewport);
+    const points = pathGeometry ?? {
+      coordinates: simulationPathSteps.map((step) => step.coordinates),
+      type: 'LineString',
+    };
+    if (points.coordinates.length > 2) {
+      const newViewport = computeBBoxViewport(bbox(points), mapViewport);
       dispatch(updateViewport(newViewport));
     }
-  }, [pathGeometry]);
+  }, [pathGeometry, simulationPathSteps]);
 
   return (
     <>