From 3319d8d04d01930e414925780d16a2a6a4fef15c Mon Sep 17 00:00:00 2001
From: Gabriel Dehame <gabrieldehame@gmail.com>
Date: Sun, 5 Mar 2023 19:16:16 +0100
Subject: [PATCH] name->names

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

diff --git a/src/Map.js b/src/Map.js
index aa57765..4e912ca 100644
--- a/src/Map.js
+++ b/src/Map.js
@@ -180,11 +180,12 @@ function newPolygon(element, positions, selectedRoom, callbackRoomSelected, call
   // and for S or L, we add a Popup with the list of connected floors and possibility to load the
   // map of a connected floor
   const color = selectedRoom === element["id"] ? 'red' : 'grey';
+  console.log(element);
   if (element["type"] === "S")
   {
     // In this case, the room is a staircase so we add a Stairs component
     return <Polygon positions={positions} key={element["id"] + color} color={color} evenHandlers={{click: () => callbackRoomSelected(element["id"])}}>
-      <Tooltip>{element["name"]}</Tooltip>
+      <Tooltip>{element["names"]}</Tooltip>
       <Stairs position={polygonCenter(positions)} size={logoSize(positions)} body={<Popup>
                                                                                     {floorList(element["connectedFloors"], callbackChangeFloor)}
                                                                                    </Popup>
@@ -196,7 +197,7 @@ function newPolygon(element, positions, selectedRoom, callbackRoomSelected, call
   {
     // In this case the room is a lift so we add a Lift component
     return <Polygon positions={positions} key={element["id"] + color} color={color} evenHandlers={{click: () => callbackRoomSelected(element["id"])}}>
-      <Tooltip>{element["name"]}</Tooltip>
+      <Tooltip>{element["names"]}</Tooltip>
       <Lift position={polygonCenter(positions)} size={logoSize(positions)} body={<Popup>
                                                                                   {floorList(element["connectedFloors"], callbackChangeFloor)}
                                                                                  </Popup>
@@ -207,7 +208,7 @@ function newPolygon(element, positions, selectedRoom, callbackRoomSelected, call
   else if (element["type"] === "T")
   {
     return <Polygon positions={positions} key={element["id"] + color} color={color} evenHandlers={{click: () => callbackRoomSelected(element["id"])}}>
-      <Tooltip>{element["name"]}</Tooltip>
+      <Tooltip>{element["names"]}</Tooltip>
       <Toilet position={polygonCenter(positions)} size={logoSize(positions)}/>
     </Polygon>
   }
@@ -215,7 +216,7 @@ function newPolygon(element, positions, selectedRoom, callbackRoomSelected, call
   {
     // In this case it is a regular room
     return <Polygon positions={positions} key={element["id"] + color} color={color} eventHandlers={{click: () => callbackRoomSelected(element["id"])}}>
-      <Tooltip>{element["name"]}</Tooltip>
+      <Tooltip>{element["names"]}</Tooltip>
     </Polygon>
   }
   else if (element["type"] === "C")