filter fix

src/App.jsx

@@ -23,7 +23,7 @@ if (import.meta.env.MODE === "development") {
   mountStoreDevtool("PointSelection", usePointSelection);
 }
 
-const version = '0.0.6';
+const version = '0.0.7';
 
 function App() {
 

src/Map/Layers/FilteredWorkingPoints.jsx

@@ -1,8 +1,5 @@
 import { Layer } from "react-map-gl";
-import {
-  workingPointBackgroundLayer,
-  workingPointSymbolLayer,
-} from "./layers-config";
+import { workingPointSymbolLayer } from "./layers-config";
 import { useLayersVisibility } from "../../stores/useLayersVisibility";
 import { STATUSES } from "../../config";
 import { useRegionFilterExpression } from "./useRegionFilterExpression";
@@ -52,16 +49,6 @@ export const FilteredWorkingPoints = () => {
 
   return (
     <>
-      <Layer
-        {...workingPointBackgroundLayer}
-        id={LAYER_IDS.filteredWorkingBackground}
-        source={"points"}
-        source-layer={"public.points_with_dist"}
-        layout={{
-          visibility: isVisible[LAYER_IDS.filteredWorking] ? "visible" : "none",
-        }}
-        filter={filter}
-      />
       <Layer
         {...workingPointSymbolLayer}
         id={LAYER_IDS.filteredWorking}

src/Map/Layers/WorkingPoints.jsx

@@ -1,8 +1,5 @@
 import { Layer } from "react-map-gl";
-import {
-  workingPointBackgroundLayer,
-  workingPointSymbolLayer,
-} from "./layers-config";
+import { workingPointSymbolLayer } from "./layers-config";
 import { useLayersVisibility } from "../../stores/useLayersVisibility";
 import { MODES, STATUSES } from "../../config";
 import { useRegionFilterExpression } from "./useRegionFilterExpression";
@@ -33,16 +30,6 @@ export const WorkingPoints = () => {
 
   return (
     <>
-      <Layer
-        {...workingPointBackgroundLayer}
-        id={LAYER_IDS.workingBackground}
-        source={"points"}
-        source-layer={"public.points_with_dist"}
-        layout={{
-          visibility: isVisible[LAYER_IDS.working] ? "visible" : "none",
-        }}
-        filter={getFilter()}
-      />
       <Layer
         {...workingPointSymbolLayer}
         id={LAYER_IDS.working}

src/api.js

@@ -218,14 +218,14 @@ export const useGetPendingPointsRange = () => {
       select: (data) => {
         const distToGroupsArr = data.dist_to_groups.map((groupRange) => {
           return {
-            [`d${groupRange.group_id}`]:  [Math.floor(groupRange.dist[0]), Math.ceil(groupRange.dist[1])],
+            [`d${groupRange.group_id}`]:  [Math.floor(groupRange.dist[0]), Math.min(Math.ceil(groupRange.dist[1]), 4000)],
           }
         });
         const distToGroups = Object.assign({}, ...distToGroupsArr);
         const rangesArr = RANGE_FILTERS_KEYS.map((key) => {
           if ((/d[0-9]/.test(key))) return;
           return {
-            [key]: [Math.floor(data[key][0]), Math.ceil(data[key][1])]
+            [key]: [Math.floor(data[key][0]), Math.min(Math.ceil(data[key][1]), 4000)]
           }
         }).filter(item => !!item);
         const ranges = Object.assign({}, ...rangesArr);