bug resolution

src/assets/HelpButton.jsx

@@ -2,8 +2,8 @@ import { useEffect, useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import axios from 'axios';
 
-export default function HelpButton({ gameid, helpingprop, token }) {
+export default function HelpButton({ gameid, token, user }) {
-    const [helping, setHelping] = useState(helpingprop);
+    const [helping, setHelping] = useState();
 
     function addHelper() {
         axios.post("https://leizour.fr/api/v1/games/addHelper", { token, gameid })
@@ -18,7 +18,6 @@ export default function HelpButton({ gameid, helpingprop, token }) {
     }
 
     function handleClick(event) {
-        console.log("helping:", helping)
         if (helping) {
             removeHelper();
         } else {
@@ -27,8 +26,14 @@ export default function HelpButton({ gameid, helpingprop, token }) {
     }
 
     useEffect(() => {
-        setHelping(helpingprop);
+        async function fetchGame() {
-    }, [helpingprop]);
+            const response = await axios.post("https://leizour.fr/api/v1/games/getGame", { token, gameid })
+                .catch((error) => console.error("Error getting game"));
+            setHelping(JSON.parse(response.data.helpers).includes(user.username));
+        }
+
+        fetchGame();
+    }, [gameid]);
 
     useEffect(() => {
         if (helping) {

src/pages/Home.jsx

@@ -124,7 +124,7 @@ export default function Home() {
                         <p className='helper'>{helper}</p>
                       ))))}
                   </div>
-                  <HelpButton gameid={game.id} helpingprop={JSON.parse(game.helpers).includes(user.username)} token={token} />
+                  <HelpButton gameid={game.id} helpingprop={JSON.parse(game.helpers).includes(user.username)} user={user} token={token} />
                 </div>
               </div>
             </div>