From a5339688c3cf81c97c61b06d0fc9951ba7d4a755 Mon Sep 17 00:00:00 2001 From: Aymeric Chaumont <aymeric.chaumont@student-cs.fr> Date: Fri, 8 Jul 2022 17:04:37 +0200 Subject: [PATCH] udpated waiting time component to be time-dependent --- frontend/src/components/WaitingTime.js | 29 +++++++++++++++----------- 1 file changed, 17 insertions(+), 12 deletions(-) diff --git a/frontend/src/components/WaitingTime.js b/frontend/src/components/WaitingTime.js index 9f28566..1662b1d 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> ); -- GitLab