From 607cda808f18cb316ed3b57eb6abb736835afa5c Mon Sep 17 00:00:00 2001
From: Adrien Vannson <adrien.vannson@protonmail.com>
Date: Mon, 13 Mar 2023 19:42:16 +0100
Subject: [PATCH] Add corridors in a pane

---
 src/Map.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/Map.js b/src/Map.js
index 2a7bfd4..7196125 100644
--- a/src/Map.js
+++ b/src/Map.js
@@ -1,5 +1,6 @@
 import { MapContainer } from 'react-leaflet/MapContainer';
 import { Marker } from 'react-leaflet/Marker';
+import { Pane } from 'react-leaflet/Pane';
 import { Popup } from 'react-leaflet/Popup';
 import { Polygon } from 'react-leaflet/Polygon';
 import { Tooltip } from 'react-leaflet/Tooltip';
@@ -175,7 +176,9 @@ function newPolygon(element, positions, selectedRoom, callbackRoomSelected, call
   const color = selectedRoom === element['id'] ? 'red' : 'grey';
 
   if (element['type'] === 'C') { // Corridor
-    return <Polygon positions={positions} key={element['id'] + color} color={'peru'} />
+    return <Pane style={{ zIndex: 500 }}>
+      <Polygon positions={positions} key={element['id'] + color} color={'peru'} />
+    </Pane>
   }
 
   var content = <></>
@@ -278,11 +281,6 @@ function Map({ callbackRoomSelected, selectedRoom, floorID, callbackChangeFloor
   }
   else {
     const request = floor["places"];
-    /*const createPolygons = React.useCallback((request, callbackRoomSelected, selectedRoom) => {
-      return buildPols(request, callbackRoomSelected, selectedRoom);
-    }, [request, callbackRoomSelected, selectedRoom]);
-    const polygons = createPolygons(request, callbackRoomSelected, selectedRoom);
-    */
     const polygons = buildPols(request, callbackRoomSelected, selectedRoom, callbackChangeFloor);
     return <MapContainer center={[0, 0]} zoom={4} scrollWheelZoom={true} style={{ flexGrow: '1' }} maxBounds={bounds} maxBoundsViscosity={1.0}>
       {polygons}