Protection route en fct des roles
This commit is contained in:
parent
6499123131
commit
c82414b295
@ -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']} />} />
|
||||||
|
|||||||
@ -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
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user