udpated waiting time component to be time-dependent

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&apos;attente estimé:</div>
+    <div className="waiting-time-parent">
+      {post[1] ? (
+        <div className="waiting-time-display">
+          Le RU ouvre aujourd&apos;hui à :
+          <div className="waiting-time-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&apos;attente est estimé à :
           <div className="waiting-time-minutes">
-            <b id="waiting-time-number">{post}</b> 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&apos;hui.</div>
       )}
     </div>
   );