From 17f2781d881e7cab5ee4c4449c0b9a792c4b1a77 Mon Sep 17 00:00:00 2001
From: Baptiste Marcel <baptiste.marcel@etu.uca.fr>
Date: Wed, 22 Nov 2023 16:10:33 +0100
Subject: [PATCH] =?UTF-8?q?cr=C3=A9ation=20de=20la=20page=20profile=20et?=
 =?UTF-8?q?=20d=C3=A9but=20r=C3=A9cup=20profile=20picture?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cryptide_project/src/App.tsx                  |  2 ++
 .../src/Components/GraphContainer.tsx         |  5 +++-
 cryptide_project/src/Pages/Profile.tsx        | 27 +++++++++++++++++++
 3 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 cryptide_project/src/Pages/Profile.tsx

diff --git a/cryptide_project/src/App.tsx b/cryptide_project/src/App.tsx
index ac0525d..f6a601f 100644
--- a/cryptide_project/src/App.tsx
+++ b/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>
diff --git a/cryptide_project/src/Components/GraphContainer.tsx b/cryptide_project/src/Components/GraphContainer.tsx
index dded479..84dba10 100644
--- a/cryptide_project/src/Components/GraphContainer.tsx
+++ b/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")
diff --git a/cryptide_project/src/Pages/Profile.tsx b/cryptide_project/src/Pages/Profile.tsx
new file mode 100644
index 0000000..521209b
--- /dev/null
+++ b/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;