From cdcee04c02f714b56da15338f911932a9d888ce5 Mon Sep 17 00:00:00 2001
From: Majk Shkurti <majkshkurti@outlook.com>
Date: Thu, 4 Jul 2024 16:31:51 +0200
Subject: [PATCH] fix: add proxmity to geocoder

---
 apps/web/components/map/controls/Geocoder.tsx | 24 ++++++++-----------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/apps/web/components/map/controls/Geocoder.tsx b/apps/web/components/map/controls/Geocoder.tsx
index 61b169dc..4c011fc6 100644
--- a/apps/web/components/map/controls/Geocoder.tsx
+++ b/apps/web/components/map/controls/Geocoder.tsx
@@ -78,7 +78,6 @@ export default function Geocoder({
   const [focused, setFocused] = useState(false);
   const [collapsed, setCollapsed] = useState(true);
   const { map } = useMap();
-
   const theme = useTheme();
 
   const fetch = useMemo(
@@ -88,13 +87,21 @@ export default function Geocoder({
           request: { value: string },
           onresult: (_error: Error, fc: FeatureCollection) => void,
         ) => {
+          const mapCenter = map?.getCenter();
+          let _proximity;
+          if (mapCenter) {
+            _proximity = {
+              longitude: mapCenter.lng,
+              latitude: mapCenter.lat,
+            };
+          }
           search(
             endpoint,
             source,
             accessToken,
             request.value,
             onresult,
-            proximity,
+            _proximity,
             country,
             bbox,
             types,
@@ -105,18 +112,7 @@ export default function Geocoder({
         },
         400,
       ),
-    [
-      accessToken,
-      autocomplete,
-      bbox,
-      country,
-      endpoint,
-      language,
-      limit,
-      proximity,
-      source,
-      types,
-    ],
+    [accessToken, autocomplete, bbox, country, endpoint, language, limit, map, source, types],
   );
 
   useEffect(() => {