[Map] N'afficher aucune pop-up sur la carte lorsqu'on est en édition de point de contrôle ou de zone de mission /surveillance (#576)

- Resolve #457 (troisième point)

Author: claire2212

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

@@ -43,7 +43,10 @@ const openDrawLayerModal = dispatch => {
       displayMissionMenuButton: false,
       displayMissionsLayer: false,
       displayMissionsOverlay: false,
-      displaySelectedMissionLayer: false
+      displaySearchSemaphoreButton: false,
+      displaySelectedMissionLayer: false,
+      displaySemaphoreOverlay: false,
+      displaySemaphoresLayer: false
     })
   )
 }
@@ -59,7 +62,10 @@ export const closeDrawLayerModal = dispatch => {
       displayMissionMenuButton: true,
       displayMissionsLayer: true,
       displayMissionsOverlay: true,
-      displaySelectedMissionLayer: true
+      displaySearchSemaphoreButton: true,
+      displaySelectedMissionLayer: true,
+      displaySemaphoreOverlay: true,
+      displaySemaphoresLayer: true
     })
   )
 }

frontend/src/features/map/overlays/actions/ControlCard.tsx

@@ -2,7 +2,6 @@ import { getLocalizedDayjs } from '@mtes-mct/monitor-ui'
 import styled from 'styled-components'
 
 import { COLORS } from '../../../../constants/constants'
-import { InteractionListener } from '../../../../domain/entities/map/constants'
 import { actionTargetTypeLabels } from '../../../../domain/entities/missions'
 import { useAppSelector } from '../../../../hooks/useAppSelector'
 import { ControlInfractionsTags } from '../../../../ui/ControlInfractionsTags'
@@ -16,7 +15,7 @@ export function ControlCard({ feature }: { feature: any }) {
   const parsedActionStartDateTimeUtc = new Date(actionStartDateTimeUtc)
   const actionDate = getLocalizedDayjs(parsedActionStartDateTimeUtc).format('DD MMM à HH:mm')
 
-  if (listener === InteractionListener.CONTROL_POINT) {
+  if (listener) {
     return null
   }
 

frontend/src/features/map/overlays/actions/SurveillanceCard.tsx

@@ -3,7 +3,6 @@ import dayjs from 'dayjs'
 import styled from 'styled-components'
 
 import { COLORS } from '../../../../constants/constants'
-import { InteractionListener } from '../../../../domain/entities/map/constants'
 import { useAppSelector } from '../../../../hooks/useAppSelector'
 import { dateDifferenceInHours } from '../../../../utils/dateDifferenceInHours'
 import { extractThemesAsText } from '../../../../utils/extractThemesAsText'
@@ -20,7 +19,7 @@ export function SurveillanceCard({ feature }) {
 
   const simpleDate = startDate?.isValid() && startDate?.format('DD MMMM YYYY')
 
-  if (listener === InteractionListener.SURVEILLANCE_ZONE) {
+  if (listener) {
     return null
   }
 

frontend/src/features/map/overlays/semaphores/SemaphoreCard.tsx

@@ -40,6 +40,7 @@ const hoverTooltip = (text, className) => <StyledTooltip className={className}>{
 export function SemaphoreCard({ feature, selected = false }: { feature: any; selected?: boolean }) {
   const dispatch = useDispatch()
   const { displaySemaphoresLayer } = useAppSelector(state => state.global)
+
   const { email, name, phoneNumber, unit } = feature.getProperties()
   const [tooltipPhoneState, setTooltipPhoneState] = useState(PHONE_TOOLTIP_STATE.hover)