added autocomplete

app/(private)/Alta/page.tsx

@@ -2,13 +2,19 @@ import RegisterAlta from "@/app/Components/Alta/registerAlta";
 
 import "./style.css";
 
-export default async function Page(props: { searchParams?: Promise<{}> }) {
+export default async function Page(props: {
+  searchParams?: Promise<{
+    numAcount: string;
+  }>;
+}) {
   const params = await props.searchParams;
+  const numAcount = params?.numAcount ? params.numAcount : null;
+
   return (
     <section className="containerSection">
       <h1 className="title">ALTA USUARIO</h1>
 
-      <RegisterAlta />
+      <RegisterAlta numCount={numAcount}/>
     </section>
   );
 }

app/Components/Alta/registerAlta.tsx

@@ -4,23 +4,29 @@ import apiClient from "@/app/lib/apiClient";
 
 import "./registerAlta.css";
 import toast from "react-hot-toast";
+import { useRouter } from "next/navigation";
 
 type Carrera = {
   id_carrera: number;
   carrera: string;
 };
 
-export default function RegisterAlta() {
+interface urlProp {
+  numCount: string | null;
+}
+
+export default function RegisterAlta(props: urlProp) {
+  const router = useRouter();
   const [listMajor, setListMajor] = useState<Carrera[]>([]);
   const [saved, setSaved] = useState(false);
 
   const [form, setForm] = useState({
-    cuenta: "",
+    cuenta: String(props.numCount),
     nombre: "",
     apellidoP: "",
     apellidoM: "",
     fecha: "",
-    email: "",
+    email: `${props.numCount}@pcpuma.acatlan.unam.mx`,
     genero: "",
     carrera: "",
   });
@@ -52,7 +58,6 @@ export default function RegisterAlta() {
     (value) => value.trim() !== "",
   );
 
-
   const handleSave = async (e: React.MouseEvent) => {
     e.preventDefault();
 
@@ -68,7 +73,7 @@ export default function RegisterAlta() {
 
   const handleInscripcion = (e: React.MouseEvent) => {
     e.preventDefault();
-    toast.success("Continuar con inscripción");
+    router.push("/Inscripcion");
   };
 
   return (
@@ -81,6 +86,7 @@ export default function RegisterAlta() {
           value={form.cuenta}
           onChange={handleChange}
           placeholder="Coloca un número de cuenta..."
+          required
         />
       </div>
 
@@ -92,6 +98,7 @@ export default function RegisterAlta() {
           value={form.nombre}
           onChange={handleChange}
           placeholder="Coloca el nombre"
+          required
         />
       </div>
 
@@ -103,6 +110,7 @@ export default function RegisterAlta() {
           value={form.apellidoP}
           onChange={handleChange}
           placeholder="Coloca el apellido paterno"
+          required
         />
       </div>
 
@@ -114,6 +122,7 @@ export default function RegisterAlta() {
           value={form.apellidoM}
           onChange={handleChange}
           placeholder="Coloca el apellido materno"
+          required
         />
       </div>
 
@@ -124,6 +133,7 @@ export default function RegisterAlta() {
           name="fecha"
           value={form.fecha}
           onChange={handleChange}
+          required
         />
       </div>
 
@@ -140,17 +150,17 @@ export default function RegisterAlta() {
 
       <div className="containerForm">
         <label className="label">Género</label>
-        <select name="genero" value={form.genero} onChange={handleChange}>
+        <select name="genero" value={form.genero} onChange={handleChange} required>
           <option value="">Selecciona género</option>
-          <option value="MUJER">Mujer</option>
-          <option value="HOMBRE">Hombre</option>
-          <option value="OTRO">Otro</option>
+          <option value="Femenino">Femenino</option>
+          <option value="Masculino">Masculino</option>
+          <option value="otro">Otro</option>
         </select>
       </div>
 
       <div className="containerForm">
         <label className="label">Carrera</label>
-        <select name="carrera" value={form.carrera} onChange={handleChange}>
+        <select name="carrera" value={form.carrera} onChange={handleChange} required>
           <option value="">Selecciona la carrera</option>
           {listMajor.map((c) => (
             <option key={c.id_carrera} value={c.id_carrera}>

app/Components/Receipt/Receipt.tsx

@@ -16,7 +16,8 @@ function Receipt({ numAcount }: ReceiptsProps) {
 
   const [folio, setFolio] = useState("");
   const [amount, setAmount] = useState("");
-  const [date, setDate] = useState("");
+  const todayISO = new Date().toISOString().split("T")[0];
+  const [date, setDate] = useState(todayISO);
 
   //restrict this month//
   const day = new Date();