fixup! front: manchette: display waypoints added with map click

Author: SharglutDev

front/public/locales/en/simulation.json

@@ -34,7 +34,7 @@
     "used": "used"
   },
   "projectionInProgress": "Projection in progress: {{ count }}/{{ total }} trains",
-  "requestedPoint": "requested point {{ count }}",
+  "requestedPoint": "requested point ({{ count }})",
   "reset": "Reset the chart",
   "resetTimer": "Reset timer",
   "rotate": "Rotate the chart",

front/public/locales/fr/simulation.json

@@ -34,7 +34,7 @@
     "used": "utilisée"
   },
   "projectionInProgress": "Projection en cours: {{ count }}/{{ total }} trains",
-  "requestedPoint": "point demandé {{ count }}",
+  "requestedPoint": "point demandé ({{ count }})",
   "reset": "Réinitialiser le graphique",
   "resetTimer": "Réinitialiser le compteur",
   "rotate": "Pivoter le graphique",

front/src/modules/simulationResult/components/SpaceTimeChart/SpaceTimeChartHeader.tsx

@@ -0,0 +1,18 @@
+import { KebabHorizontal } from '@osrd-project/ui-icons';
+import React, { useRef } from 'react';
+
+const SpaceTimeChartHeader = () => {
+  const dialogRef = useRef<HTMLDialogElement>(null);
+
+  return (
+    <div className="spacetimechart-header">
+      <button onClick={() => dialogRef.current?.showModal()}>
+        <KebabHorizontal />
+      </button>
+      <dialog ref={dialogRef}>
+        Manchette Menu <button onClick={() => dialogRef.current?.close()}>close</button>
+      </dialog>
+    </div>
+  );
+};
+export default SpaceTimeChartHeader;

front/src/modules/simulationResult/components/SpaceTimeChart/useGetProjectedTrainOperationalPoints.ts

@@ -22,7 +22,7 @@ const useGetProjectedTrainOperationalPoints = (
   const { data: trainScheduleUsedForProjection } =
     osrdEditoastApi.endpoints.getTrainScheduleById.useQuery(
       {
-        id: trainIdUsedForProjection as number,
+        id: trainIdUsedForProjection!,
       },
       {
         skip: !trainIdUsedForProjection,
@@ -31,8 +31,8 @@ const useGetProjectedTrainOperationalPoints = (
 
   const { data: pathfindingResult } = osrdEditoastApi.endpoints.getTrainScheduleByIdPath.useQuery(
     {
-      id: trainIdUsedForProjection as number,
-      infraId: infraId as number,
+      id: trainIdUsedForProjection!,
+      infraId: infraId!,
     },
     {
       skip: !trainIdUsedForProjection || !infraId || trainIdUsedForProjection === STDCM_TRAIN_ID,
@@ -63,34 +63,35 @@ const useGetProjectedTrainOperationalPoints = (
           PathProperties['operational_points']
         >;
         // Check if there are vias added by map click and insert them in the operational points
-        if (trainScheduleUsedForProjection.path.some((step) => 'track' in step)) {
-          trainScheduleUsedForProjection.path.forEach((step, i) => {
-            if ('track' in step) {
-              const positionOnPath = pathfindingResult.path_item_positions[i];
-              const indexToInsert = operationalPointsWithAllWaypoints.findIndex(
-                (op) => op.position >= positionOnPath
-              );
+        let waypointCounter = 1;
+        trainScheduleUsedForProjection.path.forEach((step, i) => {
+          if (!('track' in step)) return;
 
-              const formattedStep: NonNullable<PathProperties['operational_points']>[number] = {
-                id: step.id,
-                extensions: {
-                  identifier: {
-                    name: t('requestedPoint', { count: indexToInsert }),
-                    uic: 0,
-                  },
-                },
-                part: { track: step.track, position: step.offset },
-                position: positionOnPath,
-              };
+          const positionOnPath = pathfindingResult.path_item_positions[i];
+          const indexToInsert = operationalPointsWithAllWaypoints.findIndex(
+            (op) => op.position >= positionOnPath
+          );
 
-              operationalPointsWithAllWaypoints = addElementAtIndex(
-                operationalPointsWithAllWaypoints,
-                indexToInsert,
-                formattedStep
-              );
-            }
-          });
-        }
+          const formattedStep: NonNullable<PathProperties['operational_points']>[number] = {
+            id: step.id,
+            extensions: {
+              identifier: {
+                name: t('requestedPoint', { count: waypointCounter }),
+                uic: 0,
+              },
+            },
+            part: { track: step.track, position: step.offset },
+            position: positionOnPath,
+          };
+
+          operationalPointsWithAllWaypoints = addElementAtIndex(
+            operationalPointsWithAllWaypoints,
+            indexToInsert,
+            formattedStep
+          );
+
+          waypointCounter += 1;
+        });
 
         setOperationalPoints(operationalPointsWithAllWaypoints);
       }