diff --git a/frontend/src/components/WaitingTime.js b/frontend/src/components/WaitingTime.js index 9f28566219015d2ae7ede5158c976ae0f3ea61de..1662b1d51ad75631fa818bcae16ac1809b1302bb 100644 --- a/frontend/src/components/WaitingTime.js +++ b/frontend/src/components/WaitingTime.js @@ -9,26 +9,31 @@ export default function WaitingTime({ place }) { React.useEffect(() => { axios .get(`${process.env.REACT_APP_BASE_URL_BACK}/${encodeURIComponent(place)}/waiting_time`) - .then((response) => { - if (response.data < 60) { - setPost(0); - } else { - setPost(Math.round(response.data / 60)); - } + .then((res) => { + setPost(res.data); }); }, []); return ( - <div id="waiting-time-parent"> - {post ? ( - <div id="waiting-time-display"> - <div>Temps d'attente estimé:</div> + <div className="waiting-time-parent"> + {post[1] ? ( + <div className="waiting-time-display"> + Le RU ouvre aujourd'hui à : <div className="waiting-time-minutes"> - <b id="waiting-time-number">{post}</b> minutes + <b id="waiting-time-number"> + {String(post[0]).padStart(2, "0")}h{String(post[1]).padStart(2, "0")} + </b> + </div> + </div> + ) : post[0] ? ( + <div className="waiting-time-display"> + Le temps d'attente est estimé à : + <div className="waiting-time-minutes"> + <b id="waiting-time-number">{post[0]}</b> minutes </div> </div> ) : ( - <div className="waiting-time-minutes">Pas de données...</div> + <div className="waiting-time">Le RU est fermé pour aujourd'hui.</div> )} </div> );