mirror of
https://gitlab.aliens-lyon.fr/encartes/web-interface.git
synced 2026-03-17 22:51:04 +01:00
ajout de pseudo message d'erreur et de chargement via popup sur la map
This commit is contained in:
parent
6e60344eeb
commit
6622c1c496
17
src/Map.js
17
src/Map.js
@ -257,14 +257,25 @@ function Map({callbackRoomSelected, selectedRoom, floorID, callbackChangeFloor})
|
||||
// is selected
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [floor, setFloor] = useState(null);
|
||||
const [error, setError] = useState(null);
|
||||
useEffect(() =>
|
||||
{
|
||||
fetch("https://encartes.aliens-lyon.fr/api/map/get_floor/"+floorID).then(response => response.json()).then(data => {setLoading(false); setFloor(data)});
|
||||
fetch("https://encartes.aliens-lyon.fr/api/map/get_floor/"+floorID)
|
||||
.then(response => response.json())
|
||||
.then(data => {setLoading(false); setFloor(data)})
|
||||
.catch((error) => {setError("API unreachable");});
|
||||
}, []);
|
||||
if (loading)
|
||||
if (error != null)
|
||||
{
|
||||
return <MapContainer center={[0, 0]} zoom={4} scrollWheelZoom={true} style={{ flexGrow: '1' }}>
|
||||
</MapContainer>
|
||||
<Popup position={[0,0]}>{error}</Popup>
|
||||
</MapContainer>;
|
||||
}
|
||||
else if (loading)
|
||||
{
|
||||
return <MapContainer center={[0, 0]} zoom={4} scrollWheelZoom={true} style={{ flexGrow: '1' }}>
|
||||
<Popup position={[0,0]}>Loading map</Popup>
|
||||
</MapContainer>;
|
||||
}
|
||||
else
|
||||
{
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user