filtering fixed

Author: Adrit-3001

frontend/src/components/HUDleftPoints.jsx

@@ -301,6 +301,25 @@ function LogoBlock() {
     return () => document.removeEventListener('mousedown', handleClickOutside);
   }, [showSortMenu]);
 
+  // NEW: dispatch filterchange event
+  const handleApplyFilter = () => {
+    const min = parseFloat(tempFilter.min);
+    const max = parseFloat(tempFilter.max);
+    window.dispatchEvent(new CustomEvent('filterchange', {
+      detail: { min: isNaN(min) ? NaN : min, max: isNaN(max) ? NaN : max }
+    }));
+    setShowFilterModal(false);
+  };
+
+  // NEW: reset filter AND dispatch
+  const handleResetFilter = () => {
+    setTempFilter({ min: '', max: '' });
+    window.dispatchEvent(new CustomEvent('filterchange', {
+      detail: { min: NaN, max: NaN }
+    }));
+    setShowFilterModal(false);
+  };
+
   return (
     <div 
       className="boxwithpoints"
@@ -797,8 +816,8 @@ function LogoBlock() {
         theme={theme}
         tempFilter={tempFilter}
         setTempFilter={setTempFilter}
-        applyTempFilter={tempFilter}
-        resetTempFilter={setTempFilter}
+        applyTempFilter={handleApplyFilter}    // use handler
+        resetTempFilter={handleResetFilter}    // use handler
       />
     </div>
   );

frontend/src/components/MapComponent.jsx

@@ -252,7 +252,7 @@ export default function MapComponent() {
               const historicalData = await fetchHistoricalData(name);
 
               // add once at top of click‐handler so you can reuse
-              const popupOffset = [17, -25]; // x=0 (center), y=−45px (above marker)
+              const popupOffset = [17, -32]; // x=0 (center), y=−45px (above marker)
 
               if (historicalData.length === 0) {
                 marker.bindPopup(`