From 5a32ca9a6869dff06f0918c193fc1c93da14fa68 Mon Sep 17 00:00:00 2001
From: Lukian LEIZOUR <lulul7018@gmail.com>
Date: Thu, 6 Jun 2024 14:48:07 +0200
Subject: [PATCH] commit

---
 src/App.jsx                    |  2 ++
 src/assets/UserVerfication.jsx | 55 +++++++++++++++++++++++++++++++
 src/pages/Admin.jsx            | 60 ++++++++++++++++++++++++++++++++++
 src/pages/Home.jsx             |  9 ++++-
 src/pages/Login.jsx            | 21 ++++++------
 src/pages/Register.jsx         |  9 +----
 6 files changed, 136 insertions(+), 20 deletions(-)
 create mode 100644 src/assets/UserVerfication.jsx
 create mode 100644 src/pages/Admin.jsx

diff --git a/src/App.jsx b/src/App.jsx
index 7c87efa..3879623 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -10,6 +10,7 @@ library.add(fas, far)
 import Home from './pages/Home';
 import Login from './pages/Login';
 import Register from './pages/Register';
+import Admin from './pages/Admin';
 
 export default function App() {
 
@@ -19,6 +20,7 @@ export default function App() {
           <Route path="/" element={<Home />} />
           <Route path="/login" element={<Login />} />
           <Route path="/register" element={<Register />} />
+          <Route path="/admin" element={<Admin />} />
         </Routes>
     </BrowserRouter>
   )
diff --git a/src/assets/UserVerfication.jsx b/src/assets/UserVerfication.jsx
new file mode 100644
index 0000000..2f9b411
--- /dev/null
+++ b/src/assets/UserVerfication.jsx
@@ -0,0 +1,55 @@
+import { useState, useEffect } from 'react';
+import { useNavigate } from "react-router-dom";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import axios from "axios";
+
+export default function UserVerfication({token}) {
+    const [users, setUsers] = useState([]);
+    const [usersLoading, setUsersLoading] = useState(true);
+
+    useEffect(() => {
+        async function fetchUsers() {
+            const response = await axios.post("https://leizour.fr/api/v1/admin/getUnVerifiedUsers", { token })
+                .catch((error) => {console.error("Error fetching users:", error);})
+            setUsers(response.data);
+            setUsersLoading(false);
+        }
+
+        fetchUsers();
+    }, []);
+
+    function verifyUser(username) {
+        axios.post("https://leizour.fr/api/v1/admin/verifyUser", { token, username })
+            .then(() => {
+                setUsers(users.filter((user) => user.username !== username));
+            })
+            .catch((error) => {console.error("Error verifying user:", error);})
+    }
+
+    if (usersLoading) {
+        return <div>Loading...</div>
+    }
+
+    else if (users.length === 0) {
+        return <div className='no-users'>Aucun utilisateur à vérifier</div>
+    }
+
+    else {
+        return (
+            <div className='users'>
+                {users.map((user) => {
+                    return (
+                        <div className='user' key={user.id}>
+                            <p>{user.username}</p>
+                            <p>{user.name}</p>
+                            <p>{user.lastname}</p>
+                            <p>{user.id}</p>
+                            <button className='verify-button' onClick={() => {verifyUser(user.username)}}>Vérifier</button>
+                        </div>
+                    )
+                })}
+            </div>
+        )
+    }
+
+}
\ No newline at end of file
diff --git a/src/pages/Admin.jsx b/src/pages/Admin.jsx
new file mode 100644
index 0000000..2673410
--- /dev/null
+++ b/src/pages/Admin.jsx
@@ -0,0 +1,60 @@
+import { useState, useEffect } from 'react';
+import { useNavigate } from "react-router-dom";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import axios from "axios";
+
+import UserVerfication from '../assets/UserVerfication';
+
+export default function Admin() {
+	const navigate = useNavigate();
+	const [user, setUser] = useState();
+	const [token, setToken] = useState();
+	const [userloading, setUserLoading] = useState(true);
+    const [section , setSection] = useState(1);
+
+    useEffect(() => {
+		const tokenLocal = localStorage.getItem("token");
+
+		function checkToken() {
+			if (!tokenLocal) {
+				navigate("/login");
+				return;
+			}
+
+			if (JSON.parse(atob(tokenLocal.split(".")[1])).expiration < Date.now()) {
+				localStorage.removeItem("token");
+				navigate("/login");
+				return;
+			}
+	
+			setToken(tokenLocal);
+			setUser(JSON.parse(atob(tokenLocal.split(".")[1])).user);
+			setUserLoading(false);
+		}
+
+		checkToken();
+	}, []);
+
+    if (userloading) return <div>Loading...</div>;
+
+    return (
+        <div>
+			<h1 className='page-title'>Base de données des jeux Joclud</h1>
+			<div className='home'>
+				<h2 className='welcome'>Bienvenue, {user.name} !</h2>
+				<button onClick={() => navigate("/")} className='button admin-button'>Home</button>
+				<button onClick={() => {
+					localStorage.removeItem("token");
+					navigate("/login");
+				}} className='logout-button'>
+					Me déconnecter
+				</button>
+			</div>
+            <div className='navigation'>
+                <button className='button' onClick={() => {setSection(1)}}>Vérification d'utilisateurs</button>
+                <button className='button' onClick={() => {setSection(2)}}>Importation de jeux</button>
+            </div>
+            {section === 1 ? <UserVerfication token={token} /> : null}
+		</div>
+    );
+}
\ No newline at end of file
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index b0d37dc..93be473 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef } from 'react';
+import { useState, useEffect } from 'react';
 import { useNavigate } from "react-router-dom";
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import axios from "axios";
@@ -25,6 +25,12 @@ export default function Home() {
 				navigate("/login");
 				return;
 			}
+
+			if (JSON.parse(atob(tokenLocal.split(".")[1])).expiration < Date.now()) {
+				localStorage.removeItem("token");
+				navigate("/login");
+				return;
+			}
 	
 			setToken(tokenLocal);
 			setUser(JSON.parse(atob(tokenLocal.split(".")[1])).user);
@@ -80,6 +86,7 @@ export default function Home() {
 			<h1 className='page-title'>Base de données des jeux Joclud</h1>
 			<div className='home'>
 				<h2 className='welcome'>Bienvenue, {user.name} !</h2>
+				{user.admin ? <button onClick={() => navigate("/admin")} className='button admin-button'>Admin</button> : null}
 				<button onClick={() => {
 					localStorage.removeItem("token");
 					navigate("/login");
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
index c906ad4..8ea26f6 100644
--- a/src/pages/Login.jsx
+++ b/src/pages/Login.jsx
@@ -22,18 +22,17 @@ export default function Login() {
       return;
     }
 
-    try {
-      const response = await axios.post("https://leizour.fr/api/v1/auth/login", {
-        username: username,
-        password: password
-      })
+    const response = await axios.post("https://leizour.fr/api/v1/auth/login", { username: username, password: password})
+      .catch((error) => {
+        if (error.response.data.error == "you need to be verified to login") {
+          alert("Vous devez être vérifié pour vous connecter, veuillez attendre qu'un administrateur vérifie votre compte.");
+        } else {
+          alert("Nom d'utilisateur ou mot de passe incorrect.");
+        }
+      });
 
-      localStorage.setItem("token", response.data.token);
-      navigate("/");
-    } catch (error) {
-      alert("Invalid username or password");
-      return;
-    }
+    localStorage.setItem("token", response.data.token);
+    navigate("/");
   }
 
   return (
diff --git a/src/pages/Register.jsx b/src/pages/Register.jsx
index 2d759c0..9456f40 100644
--- a/src/pages/Register.jsx
+++ b/src/pages/Register.jsx
@@ -30,14 +30,7 @@ export default function Register() {
             lastname: lastname,
             password: password
         })
-
-        const loginResponse = await axios.post("https://leizour.fr/api/v1/auth/login", {
-            username: username,
-            password: password
-        })
-  
-        localStorage.setItem("token", loginResponse.data.token);
-        navigate("/");
+        navigate("/login");
       } catch (error) {
         alert("Username already exists");
         return;