Collaborative

frontend/src/views/Restaurant.js

-import React from "react";
+import React /*, { useState } */ from "react";
+// import axios from "axios";
 
 import { Graph, WaitingTime, Comments } from "../components";
 
 import "../styles/restaurant.css";
 
+// const instance = axios.create({
+//   withCredentials: true,
+//   baseURL: process.env.REACT_APP_BASE_URL_BACK,
+// });
+
 export default function RestaurantPage({ selection, lastMessage }) {
+  // const [started, setStarted] = useState(false);
+  // const [disabled, setDisabled] = useState(false);
+
+  // const Start = () => {
+  //   instance
+  //     .post(`collection/start/${encodeURIComponent(selection.name)}`)
+  //     .then(() => {
+  //       setStarted(true);
+  //     })
+  //     .catch((e) => {
+  //       setDisabled(true);
+  //       alert(
+  //         "Il semblerait que tu aies déjà renseigné un temps d'attente sur ce créneau. Merci de ta participation, n'hésite pas à te chronométrer de nouveau la prochaine fois !",
+  //       );
+  //       console.log(e.response.data);
+  //     });
+  // };
+
+  // const End = () => {
+  //   instance
+  //     .post("collection/stop")
+  //     .then(() => {
+  //       setStarted(false);
+  //       setDisabled(true);
+  //     })
+  //     .catch((e) => {
+  //       setDisabled(true);
+  //       alert(
+  //         "Il semblerait que tu aies déjà renseigné un temps d'attente sur ce créneau. Merci de ta participation, n'hésite pas à te chronométrer de nouveau la prochaine fois !",
+  //       );
+  //       console.log(e);
+  //     });
+  // };
+
   return (
     <>
       {selection && (
@@ -13,6 +53,14 @@ export default function RestaurantPage({ selection, lastMessage }) {
           <div className="restaurant-container" id="restaurant-main-page">
             <WaitingTime place={selection.name} lastMessage={lastMessage} />
             <Graph place={selection.name} type="current" lastMessage={lastMessage} />
+            {/* <button
+              id={`restaurant-${started ? "end" : "start"}-button`}
+              onClick={started ? End : Start}
+              className={disabled ? "restaurant-button-disabled" : "restaurant-button-active"}
+              disabled={disabled}
+            >
+              {started ? "Fini !!" : "Départ !!"}
+            </button> */}
           </div>
           <Comments place={selection.name} lastMessage={lastMessage} />
           {/*<Graph place={selection.name} type="avg" />*/}