restructuring layout
This commit is contained in:
+2
-4
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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`
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
+2
-2
@@ -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
-1
@@ -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("");
|
||||
+3
-3
@@ -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>
|
||||
Reference in New Issue
Block a user