Missions - fix affichage du nom de l'unité dans le filtre (#875)

MTES-MCT · Oct 17, 2023 · 28b28d0 · 28b28d0
2 parents c35ded2 + 1f4d81f
commit 28b28d0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/frontend/src/features/missions/MissionsList/Filters/FilterTags.tsx b/frontend/src/features/missions/MissionsList/Filters/FilterTags.tsx
@@ -1,6 +1,7 @@
 import { SingleTag } from '@mtes-mct/monitor-ui'
 import styled from 'styled-components'
 
+import { useGetControlUnitsQuery } from '../../../../api/controlUnitsAPI'
 import { missionStatusLabels, missionTypeEnum } from '../../../../domain/entities/missions'
 import { MissionFiltersEnum, updateFilters } from '../../../../domain/shared_slices/MissionFilters'
 import { useAppDispatch } from '../../../../hooks/useAppDispatch'
@@ -17,6 +18,8 @@ export function FilterTags() {
     selectedThemes
   } = useAppSelector(state => state.missionFilters)
 
+  const controlUnits = useGetControlUnitsQuery()
+
   const onDeleteTag = (
     valueToDelete: number | string,
     filterKey: MissionFiltersEnum,
@@ -43,7 +46,7 @@ export function FilterTags() {
             key={unit}
             onDelete={() => onDeleteTag(unit, MissionFiltersEnum.UNIT_FILTER, selectedControlUnitIds)}
           >
-            {String(`Unité ${unit}`)}
+            {String(`Unité ${controlUnits.currentData?.find(controlUnit => controlUnit.id === unit)?.name || unit}`)}
           </SingleTag>
         ))}
       {selectedMissionTypes.length > 0 &&