This commit is contained in:
Soka_jplr 2024-05-16 10:56:56 -06:00
parent 070a652fc8
commit b582c3b673
5 changed files with 42 additions and 12 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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">

View File

@ -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">

View File

@ -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 />}