Fix geometry color of sensitiveAreas

GeotrekCE · Nov 19, 2024 · 4a65b83 · 4a65b83
1 parent c00487d
commit 4a65b83
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/frontend/src/components/Map/DetailsMap/SensitiveAreas.tsx b/frontend/src/components/Map/DetailsMap/SensitiveAreas.tsx
@@ -36,11 +36,13 @@ export const SensitiveAreas: React.FC<PropsType> = ({ contents }) => {
     return null;
   }
 
-  return (
-    <>
-      {polygons.map(({ positions, color }, i) => {
-        return <Polygon color={color} key={`sensitiveArea${i}`} positions={positions} weight={3} />;
-      })}
-    </>
-  );
+  return polygons.map(({ positions, color }) => (
+    <Polygon
+      className={`bg-${color}`}
+      color="currentColor"
+      key={color}
+      positions={positions}
+      weight={3}
+    />
+  ));
 };