From b582c3b6731fee1667d062c4871fd3aa983e72e8 Mon Sep 17 00:00:00 2001
From: Soka_jplr <juanlazarorp@gmail.com>
Date: Thu, 16 May 2024 10:56:56 -0600
Subject: [PATCH] cambios

---
 frontend/src/assets/Encabezado.jsx      | 21 ++++++++++++++-------
 frontend/src/assets/Licenciatura.jsx    | 11 ++++++++++-
 frontend/src/assets/OfertaEducativa.jsx |  8 +++++++-
 frontend/src/assets/Preinscripcion.jsx  | 12 ++++++++++--
 frontend/src/main.jsx                   |  2 +-
 5 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/frontend/src/assets/Encabezado.jsx b/frontend/src/assets/Encabezado.jsx
index 808a870..9b9a3fe 100644
--- a/frontend/src/assets/Encabezado.jsx
+++ b/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>
diff --git a/frontend/src/assets/Licenciatura.jsx b/frontend/src/assets/Licenciatura.jsx
index e7f26c6..abf71ee 100644
--- a/frontend/src/assets/Licenciatura.jsx
+++ b/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>
diff --git a/frontend/src/assets/OfertaEducativa.jsx b/frontend/src/assets/OfertaEducativa.jsx
index a6baa11..ea25c56 100644
--- a/frontend/src/assets/OfertaEducativa.jsx
+++ b/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">
diff --git a/frontend/src/assets/Preinscripcion.jsx b/frontend/src/assets/Preinscripcion.jsx
index cb3afb5..fee7a18 100644
--- a/frontend/src/assets/Preinscripcion.jsx
+++ b/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">
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index fde341a..f5b4f6e 100644
--- a/frontend/src/main.jsx
+++ b/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 />}