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() { } /> }/> } /> + } /> {/* }/> */} 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 ( +
+ + {selectedFile && ( +
+ {/* @ts-ignore */} +

Selected File: {selectedFile.name}

+ Preview +
+ )} +
+ ); +}; + +export default ProfilePictureUploader;