ensure publish

Lucieo · May 6, 2020 · 226a8c5 · 226a8c5
1 parent 9b6f369
commit 226a8c5
Show file tree

Hide file tree

Showing 8 changed files with 50 additions and 30 deletions.
diff --git a/src/components/Counter/applyCountdown.js b/src/components/Counter/applyCountdown.js
@@ -10,13 +10,12 @@ const applyCountdown = (WrappedComponent) => {
     const HOC = (props) => {
         const { gameId } = useParams();
         const [finished, setFinished] = useState(false);
-        const [submit, setSubmit] = useState(false);
 
         const timeToSubmit = useSubscription(TIME_TO_SUBMIT, {
             variables: { gameId },
             onSubscriptionData: ({ client, subscriptionData }) => {
                 console.log("TIME TO SUBMIT");
-                setSubmit(true);
+                setFinished(true);
             },
         });
 
@@ -36,7 +35,7 @@ const applyCountdown = (WrappedComponent) => {
         }, []);
 
         const renderCounter = () => {
-            return !finished && !submit ? (
+            return !finished ? (
                 <Countdown
                     setTime={props.setTime}
                     submiter={() => setFinished(true)}
@@ -50,7 +49,7 @@ const applyCountdown = (WrappedComponent) => {
                 <div className="center" id="CountDown">
                     {renderCounter()}
                 </div>
-                <WrappedComponent {...props} finished={submit} />
+                <WrappedComponent {...props} finished={finished} />
             </>
         );
     };

diff --git a/src/components/GameControls/PlayerControls.js b/src/components/GameControls/PlayerControls.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 
 export default function PlayerControls({
     joinGame,
@@ -7,30 +7,30 @@ export default function PlayerControls({
     loading,
     leaveGame,
 }) {
+    const [blocked, setBlocked] = useState(false);
     const displayMessage = () => {
         if (!hasJoined) {
-            if (!loading) {
-                return (
-                    <div className="center">
-                        <p>
-                            Vous avez été invité à jouer à une partie de
-                            esquissé, cliquez sur le bouton ci dessous pour
-                            rejoindre les participants :
-                        </p>
-                        <button
-                            onClick={() => joinGame()}
-                            className={`btn ${loading && "disabled"}`}
-                        >
-                            {loading && (
-                                <i className="material-icons">access_time</i>
-                            )}
-                            REJOINDRE LA PARTIE
-                        </button>
-                    </div>
-                );
-            } else {
-                return <p>Connexion en cours</p>;
-            }
+            return (
+                <div className="center">
+                    <p>
+                        Vous avez été invité à jouer à une partie de esquissé,
+                        cliquez sur le bouton ci dessous pour rejoindre les
+                        participants :
+                    </p>
+                    <button
+                        onClick={() => {
+                            setBlocked(true);
+                            joinGame();
+                        }}
+                        className={`btn ${(loading || blocked) && "disabled"}`}
+                    >
+                        {(loading || blocked) && (
+                            <i className="material-icons">access_time</i>
+                        )}
+                        REJOINDRE LA PARTIE
+                    </button>
+                </div>
+            );
         } else {
             if (players.length < 3) {
                 return (

diff --git a/src/components/GameModes/DrawingMode/index.js b/src/components/GameModes/DrawingMode/index.js
@@ -22,7 +22,12 @@ const DrawingMode = ({ lastPage, finished, pageId }) => {
 
     useEffect(() => {
         if (finished) {
+            console.log("THIS IS THE END SUBMIT NOW");
             submitPage();
+            setTimeout(function () {
+                console.log("SUBMITTING AGAIN CAPORAL!");
+                submitPage();
+            }, 2000);
         }
     }, [finished]);
 

diff --git a/src/components/GameModes/GuessingMode/index.js b/src/components/GameModes/GuessingMode/index.js
@@ -20,7 +20,12 @@ const GuessingPanel = ({ lastPage, finished, pageId }) => {
 
     useEffect(() => {
         if (finished) {
+            console.log("THIS IS THE END SUBMIT NOW");
             submitPage();
+            setTimeout(function () {
+                console.log("SUBMITTING AGAIN CAPORAL!");
+                submitPage();
+            }, 2000);
         }
     }, [finished]);
 

diff --git a/src/components/GameModes/index.js b/src/components/GameModes/index.js
@@ -21,7 +21,6 @@ export default function GameMode({ pages, turn, isGameMaster, setTime }) {
     };
 
     const lastPage = getLastPage(currentPage, currentPageIndex);
-    console.log(isGameMaster, "isGameMaster");
     const gameProps = {
         turn,
         isGameMaster,

diff --git a/src/components/PdfFormat/index.js b/src/components/PdfFormat/index.js
@@ -17,7 +17,7 @@ export default function PdfFormat() {
         <div className="pdf-format center container">
             <h4>Une si belle partie!</h4>
             <h5>
-                avec la participation de{" "}
+                avec la participation de
                 {data &&
                     data.getAllSketchbooks.map((sketchbook, index) => (
                         <span key={index}> {sketchbook.creator?.name} </span>

diff --git a/src/components/StopGame/index.js b/src/components/StopGame/index.js
@@ -17,12 +17,25 @@ export default function StopGame({ isGameMaster }) {
             console.log("ending game done");
         },
     });
+
+    //5 seconds to wait before receiving update game call with new turn
     const getTimer = () => {
         const timer = new Date();
         timer.setSeconds(timer.getSeconds() + 5);
         return timer;
     };
 
+    useEffect(() => {
+        //in case update called has not been received reload in 8 seconds
+        const reloadInCase = setTimeout(() => {
+            window.location.reload();
+        }, 8000);
+        return function cleanup() {
+            console.log("CLEANING TIMEOUT");
+            clearTimeout(reloadInCase);
+        };
+    });
+
     const setTime = getTimer();
     return (
         <div className="stopGame">

diff --git a/src/layouts/ConnectedPages/Game/ActiveGame.js b/src/layouts/ConnectedPages/Game/ActiveGame.js
@@ -35,7 +35,6 @@ const ActiveGame = ({ gameInfo, userId }) => {
     });
 
     if (loading) return <Loading />;
-    console.log("isGameMaster", userId === gameInfo.creator);
 
     return (
         <div className="active-game">