From 4bdacf2ad447753937c0d3ebb121632083ecaab9 Mon Sep 17 00:00:00 2001
From: Mohamed Marrouchi <marrouchi.mohamed@gmail.com>
Date: Tue, 4 Mar 2025 17:33:43 +0100
Subject: [PATCH] feat: add support for layers colors

---
 .../ez-react/src/recipes/map/BubbleMapChart.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/ez-react/src/recipes/map/BubbleMapChart.tsx b/packages/ez-react/src/recipes/map/BubbleMapChart.tsx
index eaa00f0..50c3c85 100644
--- a/packages/ez-react/src/recipes/map/BubbleMapChart.tsx
+++ b/packages/ez-react/src/recipes/map/BubbleMapChart.tsx
@@ -10,7 +10,13 @@ import { MapBubbles } from '@/components/MapBubbles';
 
 export interface BubbleMapChartProps extends MapChartProps {
   bubble: BubbleConfig;
-  layers?: GeoJsonData[];
+  layers?: Array<{
+    geoJson: GeoJsonData;
+    map: {
+      stroke: string;
+      fill: string;
+    };
+  }>;
 }
 
 export const BubbleMapChart: FC<BubbleMapChartProps> = ({
@@ -74,7 +80,14 @@ export const BubbleMapChart: FC<BubbleMapChartProps> = ({
             range={bubble.colors}
           >
             {layers.map((layer, idx) => (
-              <Map key={idx} map={map} geoJson={layer} />
+              <Map
+                key={idx}
+                map={{
+                  ...map,
+                  ...layer.map,
+                }}
+                geoJson={layer.geoJson}
+              />
             ))}
             <SqrtScale
               domainKey={bubble.domainKey}