[DrawModal] hide semaphores overlays layers and button

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/missions/MissionCard.tsx

@@ -10,7 +10,6 @@ import { COLORS } from '../../../../constants/constants'
 import { sideWindowPaths } from '../../../../domain/entities/sideWindow'
 import { clearSelectedMissionOnMap } from '../../../../domain/use_cases/missions/selectMissionOnMap'
 import { onNavigateBetweenMapAndSideWindow } from '../../../../domain/use_cases/navigation/onNavigateBetweenMapAndSideWindow'
-import { useAppSelector } from '../../../../hooks/useAppSelector'
 import { MissionSourceTag } from '../../../../ui/MissionSourceTag'
 import { MissionStatusLabel } from '../../../../ui/MissionStatusLabel'
 import { missionTypesToString } from '../../../../utils/missionTypes'
@@ -35,8 +34,6 @@ export function MissionCard({ feature, selected = false }: { feature: any; selec
   const startDate = dayjs(startDateTimeUtc)
   const endDate = dayjs(endDateTimeUtc)
 
-  const listener = useAppSelector(state => state.draw.listener)
-
   const isMissionDuringOneDay = !endDateTimeUtc || (endDateTimeUtc && endDate.diff(startDate, 'day') === 0)
 
   const formattedStartDate = startDate.isValid() && startDate.format('D MMM YYYY')
@@ -53,10 +50,6 @@ export function MissionCard({ feature, selected = false }: { feature: any; selec
     dispatch(clearSelectedMissionOnMap())
   }, [dispatch])
 
-  if (listener) {
-    return null
-  }
-
   return (
     <Wrapper data-cy="mission-overlay">
       <Header>

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

@@ -40,7 +40,6 @@ 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 listener = useAppSelector(state => state.draw.listener)
 
   const { email, name, phoneNumber, unit } = feature.getProperties()
   const [tooltipPhoneState, setTooltipPhoneState] = useState(PHONE_TOOLTIP_STATE.hover)
@@ -65,7 +64,7 @@ export function SemaphoreCard({ feature, selected = false }: { feature: any; sel
     setTooltipPhoneState(PHONE_TOOLTIP_STATE.hover)
   }
 
-  if (!displaySemaphoresLayer || listener) {
+  if (!displaySemaphoresLayer) {
     return null
   }