diff --git a/frontend/src/context/AuthContext.jsx b/frontend/src/context/AuthContext.jsx
new file mode 100644
index 0000000..699d1a8
--- /dev/null
+++ b/frontend/src/context/AuthContext.jsx
@@ -0,0 +1,41 @@
+import { createContext, useMemo, useState } from "react";
+import axios from "axios";
+import { jwtDecode } from "jwt-decode";
+
+const AuthContext = createContext();
+
+// eslint-disable-next-line react/prop-types
+function AuthContextProvider({ children }) {
+ const [user, setUser] = useState({ is_administrator: 0 });
+
+ const handleAuth = async () => {
+ const getToken = localStorage.getItem("token");
+ if (getToken) {
+ const decodeToken = jwtDecode(getToken);
+ const userId = decodeToken.user_id;
+
+ try {
+ const { data } = await axios.get(
+ `${import.meta.env.VITE_BACKEND_URL}/api/users/${userId}`
+ );
+ setUser(data);
+ } catch (error) {
+ console.warn("Une erreur est survenue!", error);
+ }
+ }
+ };
+ const userMemo = useMemo(
+ () => ({
+ user,
+ setUser,
+ handleAuth,
+ }),
+ [user, setUser, handleAuth]
+ );
+
+ return (
+
{children}
+ );
+}
+
+export { AuthContext, AuthContextProvider };
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index 90124bf..f1d4443 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -3,15 +3,17 @@ import ReactDOM from "react-dom/client";
import { createBrowserRouter, RouterProvider } from "react-router-dom";
-import App from "./App";
+import Home from "./pages/Home";
import Map from "./pages/Map";
import Error from "./pages/Error";
import Register from "./components/Register";
// import RGPD from "./pages/RGPD";
import Login from "./components/Login";
-import Profile from "./pages/Profile";
import Admin from "./pages/Admin";
+import Profile from "./pages/Profile";
import Layout from "./pages/Layout";
+import { AuthContextProvider } from "./context/AuthContext";
+import Gallery from "./pages/Gallery";
const router = createBrowserRouter([
{
@@ -21,7 +23,7 @@ const router = createBrowserRouter([
children: [
{
path: "/",
- element:
,
+ element:
,
},
{
path: "/carte",
@@ -32,29 +34,36 @@ const router = createBrowserRouter([
element:
,
},
{
- path: "/profile",
+ path: "/inscription",
+ element:
,
+ },
+
+ {
+ path: "/connexion",
+ element:
,
+ },
+ {
+ path: "profil",
element:
,
},
+ // {
+ // path: "/RGPD",
+ // element:
,
+ // },
+ {
+ path: "/galerie",
+ element:
,
+ },
],
},
- {
- path: "/inscription",
- element:
,
- },
- {
- path: "/connexion",
- element:
,
- },
]);
-// {
-// path: "/RGPD",
-// element:
,
-// },
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
-
+
+
+
);
diff --git a/frontend/src/pages/Admin.jsx b/frontend/src/pages/Admin.jsx
index d6e6bea..f971036 100644
--- a/frontend/src/pages/Admin.jsx
+++ b/frontend/src/pages/Admin.jsx
@@ -17,13 +17,14 @@ function admin() {
const [activeSection, setActiveSection] = useState("dashboard");
const [activeComponent, setActiveComponent] = useState("captures");
const [users, setUsers] = useState([]);
+ const [userIndex, setUserIndex] = useState(0);
+ const [userSlideResult, setUserSlideResult] = useState(0);
+ const [currentSlide, setCurrentSlide] = useState(1);
const dashboardRef = useRef(null);
const usersRef = useRef(null);
const streetArtRef = useRef(null);
const artistsRef = useRef(null);
- console.info(users);
-
useEffect(() => {
const handleScroll = () => {
const offset = window.scrollY;
@@ -67,6 +68,7 @@ function admin() {
(user) => !user.is_administrator
);
setUsers(usersPlayer);
+ setUserSlideResult(Math.ceil(usersPlayer.length));
})
.catch((error) => {
console.error(
@@ -76,6 +78,24 @@ function admin() {
});
}, []);
+ const userCurrent = users.slice(userIndex, userIndex + 6);
+
+ const nextUsersSlide = () => {
+ setUserIndex((index) => Math.min(index + 1, users.length));
+ };
+
+ const prevUsersSlide = () => {
+ setUserIndex((index) => Math.max(index - 1, 0));
+ };
+
+ const nextCurrentSlide = () => {
+ setCurrentSlide((index) => Math.min(index + 1));
+ };
+
+ const prevCurrentSlide = () => {
+ setCurrentSlide((index) => Math.max(index - 1));
+ };
+
return (
{isMobile ? (
@@ -114,7 +134,7 @@ function admin() {