diff --git a/front/src/applications/osrd/components/OSRDConfMap/RenderPopup.js b/front/src/applications/osrd/components/OSRDConfMap/RenderPopup.js index 50cf70bb9ed..0983c5d50e0 100644 --- a/front/src/applications/osrd/components/OSRDConfMap/RenderPopup.js +++ b/front/src/applications/osrd/components/OSRDConfMap/RenderPopup.js @@ -1,12 +1,14 @@ import React from 'react'; import { Popup } from 'react-map-gl'; import { useSelector } from 'react-redux'; + +import { getFeatureInfoClick } from 'reducers/osrdconf/selectors'; import PopupInfos from 'common/Map/Popup/PopupInfos'; import PopupInfosCustomContent from 'applications/osrd/components/OSRDConfMap/PopupInfosCustomContent'; import PopupInfosCustomTitle from 'applications/osrd/components/OSRDConfMap/PopupInfosCustomTitle'; export default function RenderPopup() { - const { featureInfoClick } = useSelector((state) => state.osrdconf); + const featureInfoClick = useSelector(getFeatureInfoClick); if (featureInfoClick.displayPopup) { let backgroundColor; switch (featureInfoClick.feature.properties.typeVoie) { @@ -19,11 +21,14 @@ export default function RenderPopup() { break; } - featureInfoClick.feature.properties.source = featureInfoClick.feature.source; - featureInfoClick.feature.properties.clickLngLat = [ - featureInfoClick.coordinates[0], - featureInfoClick.coordinates[1], - ]; + const properties = { + ...featureInfoClick.feature.properties, + source: featureInfoClick.feature.source, + clickLngLat: [ + featureInfoClick.coordinates[0], + featureInfoClick.coordinates[1], + ] + } return ( } - content={} + title={} + content={} backgroundColor={backgroundColor} />