commit

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>
   )

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>
+        )
+    }
+
+}

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>
+    );
+}

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";
@@ -26,6 +26,12 @@ export default function Home() {
 				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);
@@ -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");

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", {
+      .catch((error) => {
-        username: username,
+        if (error.response.data.error == "you need to be verified to login") {
-        password: password
+          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);
+    localStorage.setItem("token", response.data.token);
-      navigate("/");
+    navigate("/");
-    } catch (error) {
-      alert("Invalid username or password");
-      return;
-    }
   }
 
   return (

src/pages/Register.jsx

@@ -30,14 +30,7 @@ export default function Register() {
             lastname: lastname,
             password: password
         })
-
+        navigate("/login");
-        const loginResponse = await axios.post("https://leizour.fr/api/v1/auth/login", {
-            username: username,
-            password: password
-        })
-  
-        localStorage.setItem("token", loginResponse.data.token);
-        navigate("/");
       } catch (error) {
         alert("Username already exists");
         return;