Protection route en fct des roles

This commit is contained in:
Charles Mendiburu 2025-04-11 20:01:28 +02:00
parent 6499123131
commit c82414b295
2 changed files with 7 additions and 7 deletions

View File

@ -36,7 +36,7 @@ function App() {
{/* Routes protégées pour les admins et complexes */} {/* Routes protégées pour les admins et complexes */}
<Route path="/ajouterObjet" element={<ProtectedRoute element={<AddObject />} allowedRoles={['admin', 'complexe']} />} /> <Route path="/ajouterObjet" element={<ProtectedRoute element={<AddObject />} allowedRoles={['admin', 'complexe']} />} />
<Route path="/settings" element={<ProtectedRoute element={<Settings />} allowedRoles={['admin', 'complexe']} />} /> <Route path="/profil" element={<ProtectedRoute element={<Profil />} allowedRoles={['admin', 'complexe']} />} />
{/* Routes protégées pour tous les utilisateurs connectés */} {/* Routes protégées pour tous les utilisateurs connectés */}
<Route path="/sidebar" element={<ProtectedRoute element={<Sidebar />} allowedRoles={['admin', 'complexe', 'user']} />} /> <Route path="/sidebar" element={<ProtectedRoute element={<Sidebar />} allowedRoles={['admin', 'complexe', 'user']} />} />

View File

@ -1,5 +1,5 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { X, Menu, LogIn, UserPlus, LogOut, Settings } from "lucide-react"; import { X, Menu, LogIn, UserPlus, LogOut, User } from "lucide-react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { useAuth } from "../AuthContext"; import { useAuth } from "../AuthContext";
@ -80,12 +80,12 @@ function Header() {
<> <>
<li className="sm:hidden"> <li className="sm:hidden">
<Link <Link
to="/settings" to="/profil"
onClick={()=>setIsMenuOpen(false)} onClick={()=>setIsMenuOpen(false)}
className="flex items-center gap-2 text-gray-600 hover:text-indigo-600" className="flex items-center gap-2 text-gray-600 hover:text-indigo-600"
> >
<Settings size={20} /> <User size={20} />
<span>Paramètres</span> <span>Profil</span>
<span></span> <span></span>
</Link> </Link>
</li> </li>
@ -127,11 +127,11 @@ function Header() {
) : ( ) : (
<div className="hidden sm:flex gap-4"> <div className="hidden sm:flex gap-4">
<Link <Link
to="/settings" to="/profil"
onClick={()=>setIsMenuOpen(false)} onClick={()=>setIsMenuOpen(false)}
className="flex items-center gap-2 text-gray-600 hover:text-indigo-600" className="flex items-center gap-2 text-gray-600 hover:text-indigo-600"
> >
<Settings size={20} /> <User size={20} />
<span></span> <span></span>
</Link> </Link>
<button <button