cambios

frontend/src/assets/Encabezado.jsx

@@ -1,7 +1,8 @@
 import React from "react";
 import "../styles/Encabezado.css";
+import { NavLink } from "react-router-dom";
 
-function Encabezado() {
+function Encabezado({ usuario, setUsario }) {
   return (
     <header className="headerOE">
       <nav>
@@ -12,16 +13,22 @@ function Encabezado() {
           </div>
           <div className="grupo2">
             <li>
-              <a href="">Nosotros</a>
+              <NavLink to={`/home/${usuario.id}/${usuario.nombre}`}>
+                Ofeta Educativa
+              </NavLink>
             </li>
             <li>
-              <a href="">Visión</a>
+              <NavLink to={`/preinscripcion/${usuario.id}/${usuario.nombre}`}>
+                Preiscripcion
+              </NavLink>
             </li>
+            {/*<li>
+              <NavLink to="/ruta3">Ajustes</NavLink>
+              </li>*/}
             <li>
-              <a href="">Misión</a>
-            </li>
-            <li>
-              <a href="">Instalaciones</a>
+              <NavLink to={`/licenciatura/${usuario.id}/${usuario.nombre}`}>
+                Licenciaturas
+              </NavLink>
             </li>
           </div>
         </ul>

frontend/src/assets/Licenciatura.jsx

@@ -1,8 +1,17 @@
 import React, { useState } from "react";
 import "../styles/Licenciatura.css";
 import Encabezado from "./Encabezado.jsx";
+import { useParams } from "react-router";
 
 const Licenciatura = () => {
+  const { id } = useParams();
+  const { nombre } = useParams();
+
+  const [usuario, setUsuario] = useState({
+    id: id,
+    nombre: nombre,
+  });
+
   const [area, setArea] = useState("Tecnica");
   const [licenciatura, setLicenciatura] = useState("Mátematicas");
 
@@ -312,7 +321,7 @@ const Licenciatura = () => {
   return (
     <>
       <div id="bodyLicenciatura">
-        <Encabezado />
+        <Encabezado usuario={usuario} setUsuario={setUsuario} />
         <h1 id="h1Programas">Programas Educativos</h1>
         <div id="opciones">
           <label id="labelSelect">Seleccionar área:</label>

frontend/src/assets/OfertaEducativa.jsx

@@ -2,14 +2,20 @@ import { Outlet } from "react-router-dom";
 import "../styles/OfertaEducativa.css";
 import Encabezado from "./Encabezado";
 import { useParams } from "react-router-dom";
+import { useState } from "react";
 
 function OfertaEducativa() {
   const { id } = useParams();
   const { nombre } = useParams();
+  
+  const [usuario, setUsuario] = useState({
+    id: id,
+    nombre: nombre,
+  });
   console.log(usuario);
   return (
     <>
-      <Encabezado />
+      <Encabezado usuario={usuario} setUsuario={setUsuario} />
       <h1 className="tituloOE">Oferta Educativa</h1>
       <div className="container">
         <div className="area" id="areaTecnica">

frontend/src/assets/Preinscripcion.jsx

@@ -1,13 +1,21 @@
 import SubirPDF from "./SubirPDF";
-import React from "react";
+import React, { useState } from "react";
 import "../styles/Preinscripcion.css";
 import Encabezado from "./Encabezado";
+import { useParams } from "react-router-dom";
 
 const App = () => {
+  const { id } = useParams();
+  const { nombre } = useParams();
+
+  const [usuario, setUsuario] = useState({
+    id: id,
+    nombre: nombre,
+  });
   return (
     <>
       <div id="bodyPre">
-        <Encabezado />
+        <Encabezado usuario={usuario} setUsuario={setUsuario} />
         <h1 id="h1Pre">Proceso de Preinscripción</h1>
         <p id="p1Pre">¡Bienvenido a esta gran comunidad estudiantil!</p>
         <p id="p2Pre">

frontend/src/main.jsx

@@ -14,7 +14,7 @@ createRoot(document.getElementById("root")).render(
         <Route path="/" element={<Login />} />
         <Route path="/registro" element={<Registro />} />
         <Route path="/home/:id/:nombre" element={<OfertaEducativa />} />
-        <Route path="/icenciatura/:id/:nombre" element={<Licenciatura />} />
+        <Route path="/licenciatura/:id/:nombre" element={<Licenciatura />} />
         <Route
           path="/preinscripcion/:id/:nombre"
           element={<Preinscripcion />}