[Mission] Sauvegarder la mission en cours à l'ajout d'une mission dep…

…uis la carte + ajout de l'unité dans l'entête d'une nouvelle mission (#743)

- Resolve #738 
- Resolve #721

frontend/src/domain/use_cases/missions/addMission.ts

@@ -9,10 +9,25 @@ import { multiMissionsActions } from '../../shared_slices/MultiMissions'
 
 export const addMission = () => async (dispatch, getState) => {
   const {
+    missionState: { isFormDirty, missionState },
     multiMissions: { selectedMissions }
   } = getState()
   const missions = [...selectedMissions]
 
+  if (missionState) {
+    const selectedMissionIndex = missions.findIndex(mission => mission.mission.id === missionState.id)
+
+    const missionFormatted = {
+      isFormDirty,
+      mission: missionState
+    }
+
+    if (selectedMissionIndex !== -1) {
+      missions[selectedMissionIndex] = missionFormatted
+    } else {
+      missions.push(missionFormatted)
+    }
+  }
   const maxNewMissionId = _.chain(missions)
     .filter(newMission => isNewMission(newMission.mission.id))
     .maxBy(filteredNewMission => Number(filteredNewMission?.mission?.id?.split('new-')[1]))

frontend/src/features/missions/MissionForm/ActionForm/SurveillanceForm.tsx

@@ -63,6 +63,7 @@ export function SurveillanceForm({ currentActionIndex, remove, setCurrentActionI
           <Form.ControlLabel>Début et fin de surveillance (UTC)</Form.ControlLabel>
           <StyledDatePickerContainer>
             <StyledFormikDatePicker
+              key={`start-date-${durationMatchMissionField.value}`}
               baseContainer={newWindowContainerRef.current}
               data-cy="surveillance-start-date-time"
               disabled={!!durationMatchMissionField.value}
@@ -77,6 +78,7 @@ export function SurveillanceForm({ currentActionIndex, remove, setCurrentActionI
               withTime
             />
             <StyledFormikDatePicker
+              key={`end-date-${durationMatchMissionField.value}`}
               baseContainer={newWindowContainerRef.current}
               data-cy="surveillance-end-date-time"
               disabled={!!durationMatchMissionField.value}

frontend/src/utils/getMissionTitle.ts

@@ -2,7 +2,10 @@ import { missionTypeEnum, type Mission } from '../domain/entities/missions'
 
 export function getMissionTitle(isNewMission: boolean, values?: Partial<Mission>) {
   return isNewMission
-    ? 'Nouvelle mission'
+    ? `Nouvelle mission ${
+        values?.controlUnits && values?.controlUnits.length > 0 && values?.controlUnits[0]?.name ? '-' : ''
+      } ${values?.controlUnits?.map(controlUnit => controlUnit.name).join(', ')}
+      `
     : `Mission ${
         values?.missionTypes &&
         values?.missionTypes.map(missionType => missionTypeEnum[missionType].libelle).join(' / ')