remove category creation for sequential data

CivicDataLab · Sep 24, 2024 · 7b16bce · 7b16bce
1 parent f2472f2
commit 7b16bce
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 23 deletions.
diff --git a/packages/opub-ui/package.json b/packages/opub-ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "opub-ui",
   "description": "OPub UI Library",
-  "version": "0.3.38",
+  "version": "0.3.39",
   "private": false,
   "license": "MIT",
   "author": "CivicDataLab <tech@civicdatalab.in>",

diff --git a/packages/opub-ui/src/components/MapChart/MapChart.tsx b/packages/opub-ui/src/components/MapChart/MapChart.tsx
@@ -184,38 +184,18 @@ const Map = ({
     values.push(features[i].properties[mapProperty]);
   }
 
-  // console.log('values', values);
-
   // Set the sequential scale properties
   const colorScale = d3
     .scaleSequential()
     .domain([Math.min(...values), Math.max(...values)])
     .interpolator(interpolateBlues);
 
-  if (isSequentialLegend) {
-    const min = Math.min(...values);
-    const max = Math.max(...values);
-    const step = (max - min) / 3;
-    const grades = Array.from({ length: 3 + 1 }, (_, i) => min + step * i);
-
-    for (let i = 0; i < grades.length; i++) {
-      const from = grades[i];
-      const to = grades[i + 1] || Math.max(...values);
-
-      labels.push({
-        color: colorScale(from),
-        label: `${Math.round(from)} - ${to ? `${Math.round(to)}` : '+'}`,
-      });
-    }
-  }
-
   React.useEffect(() => {
     if (mapRef && resetZoom) {
       const controlElm = mapRef._container?.querySelector('.leaflet-control');
       const button = mapRef._container.querySelector(
         '[data-type="reset-zoom"]'
       );
-      console.log(button, controlElm);
 
       controlElm?.appendChild(button);
       button.classList.remove('hidden');
@@ -252,6 +232,7 @@ const Map = ({
   const handleMouseOut = React.useCallback((e: { target: any }) => {
     var layer = e.target;
 
+    console.log('mouseout', layer.feature.properties[mapProperty]);
     // layer.setStyle(style(layer.feature));
     layer.setStyle({
       fillColor: isSequentialLegend
@@ -337,9 +318,9 @@ const Map = ({
             />
           </>
         )}
-        {(legendData || isSequentialLegend) && (
+        {legendData && (
           <Legend
-            legendData={legendData || labels}
+            legendData={legendData}
             legendHeading={legendHeading}
             horizontalLegend={horizontalLegend}
           />