Fetch engaged control units with polling

MTES-MCT · Oct 23, 2023 · 943804a · 943804a
1 parent 2252b64
commit 943804a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/...atures/SideWindow/MissionForm/MainForm/FormikMultiControlUnitPicker/ControlUnitSelect.tsx b/...atures/SideWindow/MissionForm/MainForm/FormikMultiControlUnitPicker/ControlUnitSelect.tsx
@@ -17,6 +17,8 @@ import {
   mapControlUnitsToUniqueSortedNamesAsOptions,
   mapControlUnitToSortedResourcesAsOptions
 } from './utils'
+import { FIVE_MINUTES } from '../../../../../api/APIWorker'
+import { useGetEngagedControlUnitsQuery } from '../../../../../api/mission'
 import { INITIAL_MISSION_CONTROL_UNIT } from '../../constants'
 import { isValidControlUnit } from '../../utils'
 
@@ -37,7 +39,6 @@ export type ControlUnitSelectProps = {
       }
     | undefined
   index: number
-  isEngaged: boolean
   onChange: (index: number, nextControlUnit: ControlUnit.ControlUnit | ControlUnit.ControlUnitDraft) => Promisable<void>
   onDelete: (index: number) => Promisable<void>
   value: ControlUnit.ControlUnit | ControlUnit.ControlUnitDraft
@@ -48,18 +49,27 @@ export function ControlUnitSelect({
   allNamesAsOptions,
   error,
   index,
-  isEngaged,
   onChange,
   onDelete,
   value
 }: ControlUnitSelectProps) {
   const { newWindowContainerRef } = useNewWindow()
+  const { data: engagedControlUnitsData } = useGetEngagedControlUnitsQuery(undefined, { pollingInterval: FIVE_MINUTES })
+
+  const engagedControlUnits = useMemo(() => {
+    if (!engagedControlUnitsData) {
+      return []
+    }
+
+    return engagedControlUnitsData
+  }, [engagedControlUnitsData])
 
   const [controlledValue, setControlledValue] = useState(value)
   const [selectedControlUnit, setSelectedControlUnit] = useState<ControlUnit.ControlUnit | undefined>(
     isValidControlUnit(value) ? value : undefined
   )
 
+  const isEngaged = !!engagedControlUnits.find(engaged => engaged.id === value.id)
   const isLoading = !allControlUnits.length
 
   const filteredNamesAsOptions = useMemo((): Option[] => {

diff --git a/frontend/src/features/SideWindow/MissionForm/MainForm/FormikMultiControlUnitPicker/index.tsx b/frontend/src/features/SideWindow/MissionForm/MainForm/FormikMultiControlUnitPicker/index.tsx
@@ -6,7 +6,6 @@ import styled from 'styled-components'
 
 import { ControlUnitSelect } from './ControlUnitSelect'
 import { useGetControlUnitsQuery } from '../../../../../api/controlUnit'
-import { useGetEngagedControlUnitsQuery } from '../../../../../api/mission'
 import { getControlUnitsOptionsFromControlUnits } from '../../../../../domain/entities/controlUnits/utils'
 import { INITIAL_MISSION_CONTROL_UNIT, PAMControlUnitIds } from '../../constants'
 import { useGetMainFormFormikUsecases } from '../../hooks/useGetMainFormFormikUsecases'
@@ -26,22 +25,13 @@ export function FormikMultiControlUnitPicker({ name }: FormikMultiControlUnitPic
     ) || false
 
   const controlUnitsQuery = useGetControlUnitsQuery(undefined)
-  const { data: engagedControlUnitsData } = useGetEngagedControlUnitsQuery(undefined)
 
   const {
     activeControlUnits: allActiveControlUnits,
     administrationsAsOptions: allAdministrationsAsOptions,
     unitsAsOptions: allNamesAsOptions
   } = useMemo(() => getControlUnitsOptionsFromControlUnits(controlUnitsQuery.data), [controlUnitsQuery.data])
 
-  const engagedControlUnits = useMemo(() => {
-    if (!engagedControlUnitsData) {
-      return []
-    }
-
-    return engagedControlUnitsData
-  }, [engagedControlUnitsData])
-
   const errors = (allErrors[name] || []) as Array<{
     administration: string
     name: string
@@ -94,7 +84,6 @@ export function FormikMultiControlUnitPicker({ name }: FormikMultiControlUnitPic
             allNamesAsOptions={allNamesAsOptions}
             error={errors[index]}
             index={index}
-            isEngaged={!!engagedControlUnits.find(engaged => engaged.id === value.id)}
             onChange={handleChange}
             onDelete={removeUnit}
             value={value}