fix: color needs to be set to strokeColor for lines to show (#550)

* fix: color needs to be set to strokColor for lines to show (backup is color property, which is used in TEI relationships)
dhis2 · Oct 23, 2023 · e4ec3d5 · e4ec3d5
1 parent 98dc05c
commit e4ec3d5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/layers/GeoJson.js b/src/layers/GeoJson.js
@@ -49,7 +49,9 @@ class GeoJson extends Layer {
             opacityFactor,
         })
         this.addLayer(outlineLayer({ id, color: strokeColor, width }))
-        this.addLayer(lineLayer({ id, color, width }), { isInteractive })
+        this.addLayer(lineLayer({ id, color: strokeColor || color, width }), {
+            isInteractive,
+        })
         this.addLayer(pointLayer({ id, color, strokeColor, width, radius }), {
             isInteractive,
         })

diff --git a/src/utils/layers.js b/src/utils/layers.js
@@ -47,7 +47,7 @@ export const lineLayer = ({ id, color, width, opacity, source, filter }) => ({
     type: 'line',
     source: source || id,
     paint: {
-        'line-color': color,
+        'line-color': color || defaults.strokeColor,
         'line-width': widthExpr(width),
         'line-opacity': opacity ?? defaults.opacity,
     },