first commit

2025-09-02 19:50:17 -04:00
parent fe4a89f81e
commit 685c92a82f
37 changed files with 1460 additions and 301 deletions
@@ -0,0 +1,42 @@
+'use client'
+import { useState } from "react";
+
+function SearchUser() {
+    const [numAccount, setNumAccount] = useState('');
+    return (
+        <>
+            <form>
+                <label className='label'>No.Cuenta</label>
+                <div className='groupInput'>
+                    <input
+                        type='text'
+                        value={numAccount}
+                        onChange={(e) => {
+                            const value = e.target.value;
+                            if (/^\d*$/.test(value) && value.length <= 9) {
+                                setNumAccount(value);
+                            }
+                        }}
+                        placeholder='Coloca un número de cuenta...'
+                        inputMode='numeric'
+                        pattern='[0-9]*'
+                    />
+                    <button
+                        className='button buttonSearch'
+                        type='submit'
+                    >Buscar
+                    </button>
+                </div>
+            </form>
+            
+            <div className='information'>
+                <label><b>No.Cuenta: </b>id_cuenta</label>
+                <label><b>Nombre: </b>nombre</label>
+                <label><b>Carrera: </b>carrera</label>
+                <label><b>Crédito: </b>credito</label>
+            </div>
+        </>
+    )
+}
+
+export default SearchUser