fix: update value in popup with period change in timeline

dhis2 · Feb 28, 2025 · b0b4549 · b0b4549
1 parent d8657b6
commit b0b4549
Showing 1 changed file with 26 additions and 1 deletion.
diff --git a/src/components/map/layers/ThematicLayer.js b/src/components/map/layers/ThematicLayer.js
@@ -248,7 +248,32 @@ class ThematicLayer extends Layer {
         )
     }
 
-    onPeriodChange = (period) => this.setState({ period })
+    onPeriodChange = (period) => {
+        this.setState((prevState) => {
+            const { popup } = prevState
+            if (!popup) {
+                return { period }
+            }
+
+            const { valuesByPeriod } = this.props
+            const newValues = valuesByPeriod[period.id] || {}
+            const updatedPopup = {
+                ...popup,
+                feature: {
+                    ...popup.feature,
+                    properties: {
+                        ...popup.feature.properties,
+                        ...newValues[popup.feature.properties.id],
+                    },
+                },
+            }
+
+            return {
+                period,
+                popup: updatedPopup,
+            }
+        })
+    }
 
     onFeatureClick(evt) {
         this.setState({ popup: evt })