mcervantesag/front_directorio
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixed error of edit and style

Browse Source
This commit is contained in:
IO
2024-07-27 21:01:44 -06:00
parent 6d8e03927f
commit b9c2c860b5
8 changed files with 119 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Nav/Menu.js
+38 -19
View File
@@ -8,6 +8,7 @@ import JwtGuard from "../../guards/jwt.guard";
const Menu = () => {
JwtGuard();
const permissions = Guard();
const [id, setId] = useState(null);
const [usuario, setUsuario] = useState(null);
useEffect(() => {
@@ -21,7 +22,9 @@ const Menu = () => {
const parts = jwtToken.split(".");
const decodedPayload = JSON.parse(atob(parts[1]));
const user = decodedPayload.usuario;
const id = decodedPayload.id_usuario;
setId(id);
setUsuario(user);
};
jwtPermissions();
@@ -60,7 +63,11 @@ const Menu = () => {
aria-labelledby="offcanvasNavbarLabel"
>
<div className="offcanvas-header">
<h5 className="offcanvas-title" id="offcanvasNavbarLabel">
<h5
className="offcanvas-title"
id="offcanvasNavbarLabel"
onClick={() => (window.location.href = PrivateRoutes.INTERFACE)}
>
Menú
</h5>
<button
@@ -73,25 +80,40 @@ const Menu = () => {
<div className="offcanvas-body">
<ul className="navbar-nav justify-content-end flex-grow-1 pe-3">
<li className="nav-item">
<a
<h4
className="nav-link"
onClick={() =>
(window.location.href = PrivateRoutes.CREARPROFESOR)
(window.location.href = `${PrivateRoutes.DATAUSUARIO}${id}`)
}
>
Crear Profesor
</a>
</li>
<li className="nav-item">
<a
className="nav-link"
onClick={() => (window.location.href = PublicRoutes.FILTER)}
>
Editar Profesor
</a>
Perfil
</h4>
</li>
<div className="container">
<li className="nav-item">
<a
className="nav-link"
onClick={() =>
(window.location.href = PrivateRoutes.CREARPROFESOR)
}
>
Crear Profesor
</a>
</li>
<li className="nav-item">
<a
className="nav-link"
onClick={() => (window.location.href = PublicRoutes.FILTER)}
>
Editar Profesor
</a>
</li>
</div>
{permissions === 1 && (
<>
<div className="container">
<li className="nav-item">
<a
className="nav-link"
@@ -112,13 +134,10 @@ const Menu = () => {
Editar Usuario
</a>
</li>
</>
</div>
)}
<li className="nav-item">
<button
className="nav-link btn btn-link"
onClick={handleLogout}
>
<button className=" btn red" onClick={handleLogout}>
Cerrar Sesión
</button>
</li>