fix lorsque l'on doit poser un carré

cryptide_project/src/Components/GraphContainer.tsx

@@ -28,13 +28,15 @@ interface MyGraphComponentProps {
   setNetwork: (network: Network) => void
   showLast: boolean
   setNetworkEnigme: (networkEnigme: Map<number, Pair<Indice, boolean>[]>) => void
+  askedWrong: boolean
+  setAskedWrong: (askedWrong: boolean) => void
   setPlayerIndex: (playerIndex: number) => void
 }
 
 let lastAskingPlayer = 0
 let lastNodeId = -1
 let first = true
-let askedWrong = false
+let askedWrongLocal = false
 let mapIndexPersons: Map<number, Person[]> = new Map<number, Person[]>()
 let touchedPlayer = -1
 let botIndex = -1
@@ -50,7 +52,7 @@ let endgame= false
 let firstHistory = true
 
 
-const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleShowTurnBar, handleTurnBarTextChange, playerTouched, setPlayerTouched, changecptTour, solo, isDaily, isEasy, addToHistory, showLast, setNetwork, setNetworkEnigme, setPlayerIndex}) => {
+const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleShowTurnBar, handleTurnBarTextChange, playerTouched, setPlayerTouched, changecptTour, solo, isDaily, isEasy, addToHistory, showLast, setNetwork, setNetworkEnigme, setPlayerIndex, askedWrong, setAskedWrong}) => {
   let cptTour: number = 0
 
   //* Gestion du temps :
@@ -85,12 +87,12 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
   useEffect(() =>{
     touchedPlayer=playerTouched
     if (touchedPlayer == -1){
-      if (!askedWrong){
+      if (!askedWrongLocal){
         socket.emit("put correct background", socket.id)
       }
     }
     else if (touchedPlayer < players.length && touchedPlayer>=0){
-      if(!askedWrong){
+      if(!askedWrongLocal){
         socket.emit("put correct background", socket.id)
         socket.emit("put grey background", socket.id, touchedPlayer)
       }
@@ -432,7 +434,8 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
       })
   
       socket.on("asked wrong", () =>{
-        askedWrong = true
+        askedWrongLocal= true
+        setAskedWrong(true)
         askedWrongBot=true
         handleShowTurnBar(true)
         handleTurnBarTextChange("Mauvais choix, posez un carré !")
@@ -566,7 +569,8 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
 
         first = true
         cptHistory = 0
-        askedWrong=false
+        askedWrongLocal=false
+        setAskedWrong(false)
         askedWrongBot=false
         endgame = true
         firstHistory=true
@@ -647,8 +651,7 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
         setNodeIdData(params.nodes[0])
         // addToHistory("Le joueur a cliqué") //! TEST DEBUG
         if (!solo){
-          if (askedWrong){
-            //@ts-ignore
+          if (askedWrongLocal){
             const person = personNetwork?.getPersons().find((p) => p.getId() == params.nodes[0])
             if (person !== undefined && indice !== null){
               const tester = IndiceTesterFactory.Create(indice)
@@ -661,7 +664,8 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
                 socket.emit("put correct background", socket.id)
                 touchedPlayer=-1
                 askedPersons.push(person)
-                askedWrong = false
+                askedWrongLocal=false
+                setAskedWrong(false)
               }
             }
           }

cryptide_project/src/Components/PersonStatus.tsx

@@ -18,11 +18,12 @@ interface PlayerStatusProps {
     playerTouched: number
     showCircle: boolean
     playerIndex: number
+    askedWrong: boolean
   }
   let touchedPlayer = -1
 
 //@ts-ignore
-const PersonStatus: React.FC<PlayerStatusProps> = ({img = Person, state= Person, name = "Dummy", index, playerTouched, setPlayerTouched, showCircle, playerIndex}) => {
+const PersonStatus: React.FC<PlayerStatusProps> = ({img = Person, state= Person, name = "Dummy", index, playerTouched, setPlayerTouched, showCircle, playerIndex, askedWrong}) => {
     const theme=useTheme();
     const {players, actualPlayerIndex} = useGame()
     if (players[index] instanceof Bot){
@@ -48,7 +49,7 @@ const PersonStatus: React.FC<PlayerStatusProps> = ({img = Person, state= Person,
     }, [playerIndex])
     
     function onTouch(){
-        if (IsActualPlayer){
+        if (IsActualPlayer && !askedWrong){
             setPlayerTouched(index)
         }
     }

cryptide_project/src/Components/PlayerList.tsx

@@ -15,11 +15,18 @@ interface PlayerListProps {
     playerTouched: number
     setPlayerTouched: (newPlayerTouch: number) => void;
     playerIndex: number
+    askedWrong: boolean
 }
 
-const PlayerList: React.FC<PlayerListProps> = ({ players, playerTouched, setPlayerTouched, playerIndex}) => {
+const PlayerList: React.FC<PlayerListProps> = ({ players, playerTouched, setPlayerTouched, playerIndex, askedWrong}) => {
     const theme = useTheme();
 
+    function askEveryone(){
+        if (!askedWrong){
+            setPlayerTouched(players.length)    
+        }
+    }
+
     return (
         <div>
             <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: '16px' }}>
@@ -37,7 +44,8 @@ const PlayerList: React.FC<PlayerListProps> = ({ players, playerTouched, setPlay
                                                     setPlayerTouched={setPlayerTouched} 
                                                     index={index} 
                                                     showCircle={true}
-                                                    playerIndex={playerIndex}/>
+                                                    playerIndex={playerIndex}
+                                                    askedWrong={askedWrong}/>
                     ))
                 }
             </div>
@@ -57,7 +65,7 @@ const PlayerList: React.FC<PlayerListProps> = ({ players, playerTouched, setPlay
                     border: "solid 1px",
                     textAlign: "center",
                     padding: "10px"}}
-                    onClick={() => setPlayerTouched(players.length)}>Ask everyone</button>
+                    onClick={() => askEveryone()}>Ask everyone</button>
                 ):
                 (
                     <button style={{ 
@@ -67,7 +75,7 @@ const PlayerList: React.FC<PlayerListProps> = ({ players, playerTouched, setPlay
                         border: "solid 1px",
                         textAlign: "center",
                         padding: "10px"}}
-                    onClick={() => setPlayerTouched(players.length)}>Ask everyone</button>
+                    onClick={() => askEveryone()}>Ask everyone</button>
                 )
             }
             </div>

cryptide_project/src/Pages/EndGame.tsx

@@ -150,7 +150,7 @@ function EndGame() {
                                 <div className="playerContainer" key={index}>
                                     {player.id !== winner?.id && (
                                         <div>
-                                            <PersonStatus img={Person} state={Person} key={index} name={player.pseudo} playerTouched={1} setPlayerTouched={() => {}} index={index} playerIndex={-2} showCircle={false}/>
+                                            <PersonStatus img={Person} state={Person} key={index} name={player.pseudo} playerTouched={1} setPlayerTouched={() => {}} index={index} playerIndex={-2} showCircle={false} askedWrong={false}/>
                                             {!indicenull && (<h6 className='indiceDisplay'>{indices[players.findIndex((p) => p.id == player?.id)].ToString("fr")}</h6>)}
                                         </div>
                                     )}

cryptide_project/src/Pages/InGame.tsx

@@ -81,6 +81,7 @@ const InGame = ({locale, changeLocale}) => {
   //* Historique
   const [history, setHistory] = useState<string[]>([]);
   const [showLast, setShowLast] = useState(false)
+  const [askedWrong, setAskedWrong] = useState(false)
 
   // Fonction pour ajouter un élément à l'historique
   const addToHistory = (message: string) => {
@@ -92,6 +93,10 @@ const InGame = ({locale, changeLocale}) => {
     setShowLast(!showLast);
   }
 
+  const setAskedWrongData = (askedWrong: boolean) => {
+    setAskedWrong(askedWrong)
+  }
+
   useEffect(() => {
     const historyContainer = document.getElementById('history-container');
     if (historyContainer) {
@@ -276,7 +281,9 @@ const InGame = ({locale, changeLocale}) => {
                           setNetwork={setNetworkData}
                           setNetworkEnigme={setNetworkEnigmeData}
                           showLast={showLast}
-                          setPlayerIndex={setPlayerIndexData}/>
+                          setPlayerIndex={setPlayerIndexData}
+                          askedWrong={askedWrong}
+                          setAskedWrong={setAskedWrongData}/>
         </div>
 
 
@@ -405,7 +412,7 @@ const InGame = ({locale, changeLocale}) => {
 
           { !IsSolo &&
             <div className='playerlistDiv'>
-              <PlayerList players={players} setPlayerTouched={handleSetPlayerTouched} playerTouched={playerTouched} playerIndex={playerIndex}/>
+              <PlayerList players={players} setPlayerTouched={handleSetPlayerTouched} playerTouched={playerTouched} playerIndex={playerIndex} askedWrong={askedWrong}/>
             </div>
           }