diff --git a/apps/dispatch/app/_components/map/_components/MarkerCluster.tsx b/apps/dispatch/app/_components/map/_components/MarkerCluster.tsx index 6ec6470e..185ab72b 100644 --- a/apps/dispatch/app/_components/map/_components/MarkerCluster.tsx +++ b/apps/dispatch/app/_components/map/_components/MarkerCluster.tsx @@ -11,6 +11,7 @@ import { getConnectedAircraftsAPI } from "querys/aircrafts"; import { getMissionsAPI } from "querys/missions"; import { useEffect, useMemo, useState } from "react"; import { useMap } from "react-leaflet"; +import { HPGValidationRequired } from "helpers/hpgValidationRequired"; const PopupContent = ({ aircrafts, @@ -56,15 +57,13 @@ const PopupContent = ({ }} /> {missions.map((mission) => { - const markerColor = - mission.hpgValidationState === - (HpgValidationState.POSITION_AMANDED || - HpgValidationState.INVALID || - HpgValidationState.HPG_DISCONNECT || - HpgValidationState.HPG_BUSY || - HpgValidationState.HPG_INVALID_MISSION) - ? MISSION_STATUS_COLORS["attention"] - : MISSION_STATUS_COLORS[mission.state]; + const needsAction = + HPGValidationRequired(mission.missionStationIds, aircrafts, mission.hpgMissionString) && + mission.hpgValidationState !== "VALID"; + + const markerColor = needsAction + ? MISSION_STATUS_COLORS["attention"] + : MISSION_STATUS_COLORS[mission.state]; return (