fix mission page

MTES-MCT · Sep 28, 2023 · 5dd56b6 · 5dd56b6
1 parent 573c602
commit 5dd56b6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 24 deletions.
diff --git a/frontend/src/pam/mission/mission.tsx b/frontend/src/pam/mission/mission.tsx
@@ -22,14 +22,14 @@ export default function Mission() {
   const { missionId } = useParams()
 
   const apolloClient = useApolloClient()
-
+  debugger
   let navigate = useNavigate()
   const [selectedAction, setSelectedAction] = useState<Action | undefined>(undefined)
   const [showControlTypesModal, setShowControlTypesModal] = useState<boolean>(false)
 
   const { loading, error, data, refetch, updateQuery } = useQuery(GET_MISSION_BY_ID, {
-    variables: { missionId },
-    fetchPolicy: 'cache-only'
+    variables: { missionId }
+    // fetchPolicy: 'cache-only'
   })
   // const [queryRef] = useBackgroundQuery(GET_ACTIONS_BY_MISSION_ID, { variables: { missionId } })
   // debugger

diff --git a/frontend/src/pam/mission/panel-general-info.tsx b/frontend/src/pam/mission/panel-general-info.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { FlexboxGrid, Panel, Stack } from 'rsuite'
-import { THEME, DatePicker } from '@mtes-mct/monitor-ui'
+import { THEME, DateRangePicker } from '@mtes-mct/monitor-ui'
 import Title from '../../ui/title'
 
 interface MissionGeneralInfoPanelProps {
@@ -22,27 +22,13 @@ const MissionGeneralInfoPanel: React.FC<MissionGeneralInfoPanelProps> = ({ start
       <FlexboxGrid>
         <FlexboxGrid.Item>
           <Stack direction="column" alignItems="flex-start">
-            <Stack.Item style={{ paddingBottom: '0.5rem' }}>
-              <Title as="h3" color={THEME.color.slateGray}>
-                Dates du rapport
-              </Title>
-            </Stack.Item>
             <Stack.Item>
-              <Stack direction="row">
-                <Stack.Item>
-                  <DatePicker
-                    defaultValue={startDate}
-                    error=""
-                    onChange={function noRefCheck() {}}
-                    withTime
-                    isCompact
-                  />
-                </Stack.Item>
-                <Stack.Item style={{ paddingLeft: '0.5rem' }}>au</Stack.Item>
-                <Stack.Item style={{ paddingLeft: '0.5rem' }}>
-                  <DatePicker defaultValue={endDate} error="" onChange={function noRefCheck() {}} withTime isCompact />
-                </Stack.Item>
-              </Stack>
+              <DateRangePicker
+                defaultValue={[startDate || new Date(), endDate || new Date()]}
+                label="Dates du rapport"
+                withTime={true}
+                isCompact={true}
+              />
             </Stack.Item>
           </Stack>
         </FlexboxGrid.Item>