création de la page profile et début récup profile picture

cryptide_project/src/App.tsx

@@ -10,6 +10,7 @@ import Home from './Pages/Home';
 import Login from './Pages/LoginForm';
 import SignUp from './Pages/SignUpForm';
 import Play from './Pages/Play';
+import Profile from './Pages/Profile';
 import Lobby from './Pages/Lobby';
 import InGame from './Pages/InGame';
 
@@ -84,6 +85,7 @@ function App() {
                 <Route path="/endgame" element={<EndGame/>} />
                 <Route path="/game" element={<InGame locale={locale} changeLocale={changeLocale}/>}/>
                 <Route path="/info" element={<InfoPage locale={locale} changeLocale={changeLocale}/>} />
+                <Route path="/profile" element={<Profile/>} />
                 {/* <Route path="/solo" element={<SoloGame locale={locale} changeLocale={changeLocale} />}/>   */}
               </Routes>
             </BrowserRouter>

cryptide_project/src/Components/GraphContainer.tsx

@@ -49,7 +49,6 @@ let cptTour: number = 0
   const navigate = useNavigate();
   const [lastIndex, setLastIndex] = useState(-1)
 
-
   useEffect(() =>{
     touchedPlayer=playerTouched
     if (touchedPlayer == -1){
@@ -451,10 +450,14 @@ let cptTour: number = 0
       setLastIndex(-1)
       setPlayerTouched(-1)
       setWinnerData(players[winnerIndex])
+
+      
+
       first = true
       cptHistory = 0
       askedWrong=false
       askedWrongBot=false
+
       socket.off("end game")
       socket.off("asked all")
       socket.off("opacity activated")

cryptide_project/src/Pages/Profile.tsx

@@ -0,0 +1,27 @@
+import React, { useState } from 'react';
+
+const ProfilePictureUploader = () => {
+  const [selectedFile, setSelectedFile] = useState(null);
+
+  // @ts-ignore
+  const handleFileChange = (event) => {
+    const file = event.target.files[0];
+    // Validez la taille, le format, etc.
+    setSelectedFile(file);
+  };
+
+  return (
+    <div>
+      <input type="file" accept="image/*" onChange={handleFileChange} />
+      {selectedFile && (
+        <div>
+          {/* @ts-ignore */}
+          <p>Selected File: {selectedFile.name}</p>
+          <img src={URL.createObjectURL(selectedFile)} alt="Preview" />
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ProfilePictureUploader;