restructuring layout

This commit is contained in:
2025-09-26 16:56:07 -06:00
parent dce377b586
commit 3bd6d6b7c2
64 changed files with 187 additions and 195 deletions
@@ -1,8 +1,8 @@
"use client";
import { useEffect, useState } from "react";
import AlertBox from "@/app/Components/AlertBox/AlertBox";
import ClearParams from "@/app/Components/ClearParams/ClearParams";
import AlertBox from "@/app/Components/Global/AlertBox/AlertBox";
import ClearParams from "@/app/Components/Global/ClearParams/ClearParams";
export default function GlobalAlert() {
const [showSuccess, setShowSuccess] = useState<string | null>(null);
@@ -22,14 +22,12 @@ export default function GlobalAlert() {
{showError && (
<>
<AlertBox key={Date.now()} message={showError} type="error" />
<ClearParams paramsToClear={["error"]} />
</>
)}
{showSuccess && (
<>
<AlertBox key={Date.now()} message={showSuccess} type="success" />
<ClearParams paramsToClear={["success"]} />
</>
)}
</section>
@@ -0,0 +1,68 @@
"use client";
import { useState } from "react";
export default function RegisterAlta() {
const [major, setMajor] = useState("");
return (
<form className="containerAlta gap gridAlta">
<div className="containerForm">
<label className="label">No.Cuenta</label>
<input
type="text"
//value={user}
//onChange={(e) => setUser(e.target.value)}
placeholder="Coloca un número de cuenta..."
/>
</div>
<div className="containerForm">
<label className="label">Nombre</label>
<input
type="text"
//value={user}
//onChange={(e) => setUser(e.target.value)}
placeholder="Coloca el nombre"
/>
</div>
<div className="containerForm">
<label className="label">Apellido Paterno</label>
<input
type="text"
//value={user}
//onChange={(e) => setUser(e.target.value)}
placeholder="Coloca el apellido paterno"
/>
</div>
<div className="containerForm">
<label className="label">Apellido Materno</label>
<input
type="text"
//value={user}
//onChange={(e) => setUser(e.target.value)}
placeholder="Coloca el apellido materno"
/>
</div>
<div className="containerForm">
<label className="label">Fecha Nacimiento</label>
<input
type="text"
//value={user}
//onChange={(e) => setUser(e.target.value)}
placeholder="Coloca fecha empezando por año"
/>
</div>
<div className="containerForm">
<label className="label">Carrera</label>
<select value={major} onChange={(e) => setMajor(e.target.value)}>
<option value="">Selecciona la carrera</option>
</select>
</div>
<button className="button buttonSearch">registrar</button>
</form>
);
}
+2 -2
View File
@@ -89,7 +89,7 @@ function Receipt({ urlBase, numAcount }: ReceiptsProps) {
value={folio}
onChange={(error) => {
const value = error.target.value;
if (/^\d*$/.test(value)) {
if (/^\d*$/.test(value) && value.length <= 7) {
setFolio(value);
}
}}
@@ -114,7 +114,7 @@ function Receipt({ urlBase, numAcount }: ReceiptsProps) {
setAmount(value);
} else {
router.push(
`/Impresiones?numAcount=${numAcount}&error=El monto no puede superar $1000.00`
`${urlBase}?numAcount=${numAcount}&error=El monto no puede superar $1000.00`
);
}
}
@@ -1,8 +1,8 @@
"use client";
import { useEffect, useState } from "react";
import styles from "./Page.module.css";
import SearchUser from "../SearchUser/searchUser";
import Information from "../Information/information";
import SearchUser from "../../Global/SearchUser/searchUser";
import Information from "../../Global/Information/information";
import { GetStudent } from "@/app/lib/getStudent";
import { envConfig } from "@/app/lib/config";
@@ -1,5 +1,5 @@
"use client";
import { Margarine } from "next/font/google";
import { useState } from "react";
function SearchDateBetween() {
@@ -3,8 +3,8 @@ import { useState } from "react";
import { loginUser } from "@/app/lib/login";
import { useRouter } from "next/navigation";
import AlertBox from "../AlertBox/AlertBox";
import "./Login.css";
import AlertBox from "../../Global/AlertBox/AlertBox";
function Login() {
const [user, setUser] = useState("");
@@ -24,7 +24,7 @@ function BarNavigation() {
<ul className={openMenu ? "active" : ""}>
<li className={`subMenu ${openSubMenu === 0 ? "open" : ""}`}>
<span onClick={() => toggleSubMenu(0)}>Inscripciones</span>
<span onClick={() => toggleSubMenu(0)}>Inscripcion</span>
<ul className="containerLinks" onClick={toggleMenu}>
<Link href="/Alta" className="links">
<li>Alta</li>
@@ -32,8 +32,8 @@ function BarNavigation() {
<Link href="/AgregarTiempo" className="links">
<li>Agregar Tiempo</li>
</Link>
<Link href="/Inscripciones" className="links">
<li>Inscripciones</li>
<Link href="/Inscripcion" className="links">
<li>Inscripcion</li>
</Link>
</ul>
</li>