Mysaa/Encartes-web
1
0
Fork 0
mirror of https://gitlab.aliens-lyon.fr/encartes/web-interface.git synced 2026-03-18 15:11:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

ajout de pseudo message d'erreur et de chargement via popup sur la map

Browse Source
This commit is contained in:
Gabriel Dehame 2023-02-21 20:48:02 +01:00
parent 6e60344eeb
commit 6622c1c496
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/Map.js
View File

@ -257,14 +257,25 @@ function Map({callbackRoomSelected, selectedRoom, floorID, callbackChangeFloor})
// is selected // is selected
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [floor, setFloor] = useState(null); const [floor, setFloor] = useState(null);
const [error, setError] = useState(null);
useEffect(() => 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' }}> 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 else
{ {