udpated waiting time component to be time-dependent

frontend/src/components/Comments.js

@@ -11,14 +11,28 @@ export default function Comments({ place }) {
         setComments(res.data);
       })
       .catch((e) => console.log(e));
-  });
+  }, []);
 
   return (
     <div style={{ width: "25%", overflowY: "scroll" }}>
       {comments.map((comment, index) => (
-        <div key={index} style={{ display: "flex", flexDirection: "column", border: "solid black 1px", borderRadius: "0.5rem", margin: "1rem", padding: "0.5rem" }}>
+        <div
+          key={index}
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            border: "solid black 1px",
+            borderRadius: "0.5rem",
+            margin: "1rem",
+            padding: "0.5rem",
+          }}
+        >
           <div style={{ marginBottom: "0.5rem", textAlign: "left" }}>{comment.comment}</div>
-          <div style={{fontSize: "0.7rem", alignSelf: "flex-start", marginLeft: "0.2rem"}}>{comment.date.split("T").reduce((date, hours) => `À ${hours.substring(0,5)} le ${date}`)}</div>
+          <div style={{ fontSize: "0.7rem", alignSelf: "flex-start", marginLeft: "0.2rem" }}>
+            {comment.date
+              .split("T")
+              .reduce((date, hours) => `À ${hours.substring(0, 5)} le ${date}`)}
+          </div>
         </div>
       ))}
     </div>

frontend/src/components/WaitingTime.js

@@ -5,26 +5,30 @@ import "../styles/WaitingTime.css";
 
 export default function WaitingTime({ place }) {
   const url = process.env.REACT_APP_BASE_URL_BACK + "/" + place + "/waiting_time";
-  const [post, setPost] = React.useState(null);
+  const [post, setPost] = React.useState([null, null]);
 
   React.useEffect(() => {
-    axios.get(url).then((response) => {
-      if (response.data < 60) {
-        setPost(0);
-      } else {
-        setPost(Math.round(response.data / 60));
-      }
+    axios.get(url).then((res) => {
+      setPost(res.data);
     });
   }, [url]);
 
   return (
     <div className="parent">
-      {post ? (
+      {post[1] ? (
+        <div className="waiting-time">
+          Le RU ouvre aujourd&apos;hui à{" "}
+          <b>
+            {String(post[0]).padStart(2, "0")}h{String(post[1]).padStart(2, "0")}
+          </b>
+          .
+        </div>
+      ) : post[0] ? (
         <div className="waiting-time">
-          Temps d&apos;attente estimé à <b>{post} minutes</b>.
+          Le temps d&apos;attente est estimé à <b>{post[0]} minutes.</b>
         </div>
       ) : (
-        <div>Pas de données...</div>
+        <div className="waiting-time">Le RU est fermé pour aujourd&apos;hui.</div>
       )}
     </div>
   );