From d0dc2ded1b499c65380d4d0bc214f402f7aff7cb Mon Sep 17 00:00:00 2001
From: RustamRu <kagapov.rustam@gmail.com>
Date: Tue, 11 Mar 2025 23:24:19 +0300
Subject: [PATCH] feat: Add responsive map rendering with window resize
 handling

- Implemented dynamic map key update on window width change
- Added window resize event listener to track viewport width
- Ensures map re-renders correctly on different screen sizes
---
 .../order-form/form/location/map/map.tsx           | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/order-form/form/location/map/map.tsx b/src/components/order-form/form/location/map/map.tsx
index 05a801f..5b68a68 100644
--- a/src/components/order-form/form/location/map/map.tsx
+++ b/src/components/order-form/form/location/map/map.tsx
@@ -31,8 +31,22 @@ export const MapComponent: FC<{
         }
       }, [selectedLocation]);
 
+      const [windowWidth, setWindowWidth] = useState(window.innerWidth);
+      useEffect(() => {
+        const handleResize = () => {
+          setWindowWidth(window.innerWidth);
+        };
+    
+        window.addEventListener('resize', handleResize);
+    
+        return () => {
+          window.removeEventListener('resize', handleResize);
+        };
+      }, []);
+
       return (
         <Map
+          key={windowWidth}
           state={{
             center: mapCenter,
             zoom: