fix task map property list on task markers

maproulette · Jan 13, 2024 · 84744ab · 84744ab
1 parent f92d48e
commit 84744ab
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/EnhancedMap/TaskFeatureLayer/TaskFeatureLayer.js b/src/components/EnhancedMap/TaskFeatureLayer/TaskFeatureLayer.js
@@ -13,6 +13,7 @@ import PropertyList from '../PropertyList/PropertyList'
 import resolveConfig from 'tailwindcss/resolveConfig'
 import tailwindConfig from '../../../tailwind.config.js'
 import layerMessages from '../LayerToggle/Messages'
+import { IntlProvider } from 'react-intl'
 
 const colors = resolveConfig(tailwindConfig).theme.colors
 const HIGHLIGHT_SIMPLESTYLE = {
@@ -33,7 +34,13 @@ const TaskFeatureLayer = props => {
   const propertyList = (featureProperties, onBack) => {
     const contentElement = document.createElement('div')
     ReactDOM.render(
-      <PropertyList featureProperties={featureProperties} onBack={onBack} />,
+      <IntlProvider key={props.intl.locale} 
+                    locale={props.intl.locale} 
+                    messages={props.intl.messages}
+                    textComponent="span" 
+      >
+        <PropertyList featureProperties={featureProperties} onBack={onBack} />
+      </IntlProvider>,
       contentElement
     )
     return contentElement