From 7a36a0d4f0869d88dc435075fad3fa2cd7551a1f Mon Sep 17 00:00:00 2001
From: javiermengual <javiermengual@live.com>
Date: Fri, 16 Jan 2026 19:06:00 +0100
Subject: [PATCH] Refactor login form to use unified identifier for user input;
 implement async login handling in LoginPage

---
 src/components/Login.js | 6 +++---
 src/pages/LoginPage.js  | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Login.js b/src/components/Login.js
index fba9cc8..51222c0 100644
--- a/src/components/Login.js
+++ b/src/components/Login.js
@@ -7,8 +7,8 @@ export function renderLogin(onLogin) {
       <h2 class="login-title">Iniciar Sesión</h2>
       <form id="login-form">
         <div class="form-group">
-          <label for="email">Email</label>
-          <input type="email" id="email" name="email" required autocomplete="email">
+          <label for="identifier">Usuario o email</label>
+          <input type="text" id="identifier" name="identifier" required autocomplete="username">
         </div>
         <div class="form-group">
           <label for="password">Contraseña</label>
@@ -22,7 +22,7 @@ export function renderLogin(onLogin) {
 
   loginContainer.querySelector('#login-form').addEventListener('submit', (e) => {
     e.preventDefault();
-    const email = loginContainer.querySelector('#email').value;
+    const email = loginContainer.querySelector('#identifier').value;
     const password = loginContainer.querySelector('#password').value;
     onLogin(email, password);
   });
diff --git a/src/pages/LoginPage.js b/src/pages/LoginPage.js
index d073007..b37dd94 100644
--- a/src/pages/LoginPage.js
+++ b/src/pages/LoginPage.js
@@ -5,8 +5,8 @@ export function renderLoginPage(onLoginSuccess) {
   const container = document.createElement('div');
   container.className = 'login-page';
 
-  const loginComponent = renderLogin((email, password) => {
-    if (auth.login(email, password)) {
+  const loginComponent = renderLogin(async (email, password) => {
+    if (await auth.login(email, password)) {
       if (onLoginSuccess) {
         onLoginSuccess();
       } else {