pull pour debug avec le user null 🐛

cryptide_project/src/Components/ProfilePDP.tsx

@@ -2,28 +2,34 @@ import React, { useState } from 'react';
 import '../Pages/Profile.css'
 import dl from '../res/icon/download.png'
 import defaultImg from '../res/img/Person.png'
+import { useAuth } from '../Contexts/AuthContext';
 
 //@ts-ignore
 const ProfilePDP = ({ player}) => {
     const [selectedFile, setSelectedFile] = useState(null);
 
-    // @ts-ignore
+
+    const {user} = useAuth()
+    console.log(user)
+    // @ts-ignores
     const handleFileChange = (event) => {
         let file = event.target.files[0];
 
         setSelectedFile(file);
         if (file) {
             const pdpUrl = URL.createObjectURL(file);
-            player.pdp = pdpUrl
+            if (user!=null){
+                user.profilePicture = pdpUrl
+            }
         }
     };
 
     //! gitans ?
-    if (player.pdp == undefined){
+    if (user == null){
-        player.pdp = defaultImg;
+        console.log("duuude");
     }
 
-    console.log("pdp joueur " + player.pdp)
+    console.log(user)
     return (
         <div className='mainPDPContainer'>
                 {selectedFile ? (
@@ -34,7 +40,7 @@ const ProfilePDP = ({ player}) => {
                     </div>
                 ) : (
                     <div >
-                    <img src={player.pdp} alt="Preview" className='imgContainer' width='100px' height='100px' />
+                    <img src={user?.profilePicture} alt="Preview" className='imgContainer' width='100px' height='100px' />
                     </div>
                 )}
                 <div className="parent">

cryptide_project/src/Contexts/AuthContext.tsx

@@ -22,8 +22,8 @@ const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
     setIsLoggedIn(true);
   };
 
-  const setUserData = (player: User | null) => {
+  const setUserData = (newPlayer: User) => {
-    setUser(player)
+    setUser(newPlayer)
   }
 
   const logout = async() => {

cryptide_project/src/Pages/Play.tsx

@@ -73,6 +73,9 @@ function Play() {
     }, [isLoggedIn]);
       
 
+    useEffect(() => {
+    }, [user])
+
     const { setIndicesData, setPersonData, setPersonNetworkData } = useGame();
 
 

cryptide_project/src/Pages/Profile.tsx

@@ -7,41 +7,27 @@ import './Profile.css'
 import SessionService from '../services/SessionService';
 import { PlayerProps } from '../types/Player';
 import { update } from 'lodash';
-import Human from '../model/Human';
+import User from '../model/User';
+import { socket } from '../SocketConfig';
+import { useAuth } from '../Contexts/AuthContext';
+
 
 //@ts-ignore
 const Profile = () => {
   
   //let player;
-  const [player, setPlayer] = useState<Human>(new Human("null", "nullHuman"));
+  const {user} = useAuth()
+
   //! useeffect pour l'instant, il faudra voir pour changer la facons de prendre une session
+    
   useEffect(() => {
-    const fetchUserInformation = async () => {
+    console.log(user)
-        try {
+  }, [user])
-            const sessionData = await SessionService.getSession();
-            if (sessionData.user) {
-                const updatedPlayer: Human = {
-                  name: sessionData.user.pseudo,
-                  pdp: sessionData.user.profilePicture,
-                  toJson: function (): { type: string; id: string; name: string; } {
-                    throw new Error('Function not implemented.');
-                  },
-                  id: ''
-                };
-                setPlayer(updatedPlayer);
-            }
-          } catch (error) {
-            console.error(error);
-        }
-      }
-      fetchUserInformation();
-    }, []
-  )
 
   return (
     <div className='mainContainer'>
-      <ProfilePDP player={player}/>
+      <ProfilePDP player={user}/>
-      <h1> {player.name} </h1>
+      <h1> {user?.pseudo} </h1>
     </div>
   );
 };

cryptide_project/src/model/User.tsx

@@ -1,16 +1,18 @@
 import Player from "./Player";
+import defaultpdp from "../res/img/Person.png"
 
 class User extends Player{
 
     public soloStats: any
     public onlineStats: any
 
-    constructor(id: string, name: string, profilePicture: string, soloStats: any, onlineStats: any){
+    constructor(id: string, pseudo: string, profilePicture: string = defaultpdp, soloStats: any, onlineStats: any){
-        super(id, name, profilePicture)
+        super(id, pseudo, profilePicture)
         this.soloStats=soloStats
         this.onlineStats=onlineStats
     }
 
+    
     toJson() {
         return {
             type: "User",