throw error swampw

src/routes/+page.svelte

@@ -55,7 +55,6 @@
     isLoggingIn = true;
     loginMessage = "Türelmed várjuk amíg 3 leakelt adatbázissal egyeztetjük az adataid";
     
-    // Initial delay before API call
     await new Promise(resolve => setTimeout(resolve, 2000));
     
     try {
@@ -88,7 +87,6 @@
           if (data.type === 'admin') {
             isAdmin = true;
             document.querySelector('main').innerHTML = data.content.html;
-            // Add event listener for back button after admin panel is loaded
             const backButton = document.getElementById('backToLogin');
             if (backButton) {
               backButton.addEventListener('click', () => {
@@ -116,9 +114,13 @@
             password = '';
           }
         }
+      } else {
+        loginMessage = "Nem találtuk ezt a felhasználónév és jelszó párt semelyik leakelt adatbázisban";
+        isLoggingIn = false;
       }
     } catch (error) {
-      // Keep spinning on error
+      loginMessage = "Hiba történt a bejelentkezés során. Próbáld újra később.";
+      isLoggingIn = false;
     }
   }
 
@@ -241,9 +243,11 @@
             </div>
 
             {#if loginMessage}
-              <div class="login-message">
+              <div class={isLoggingIn ? "login-message" : "login-error"}>
                 <p>{loginMessage}</p>
-                <div class="spinner"></div>
+                {#if isLoggingIn}
+                  <div class="spinner"></div>
+                {/if}
               </div>
             {/if}
 
@@ -473,6 +477,21 @@
     font-size: clamp(0.85rem, 3.5vw, 0.9rem);
   }
 
+  .login-error {
+    background-color: #f8d7da;
+    border: 1px solid #f5c6cb;
+    border-radius: 4px;
+    padding: clamp(0.8rem, 3vw, 1rem);
+    margin-bottom: 1.5rem;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+    font-size: clamp(0.85rem, 3.5vw, 0.9rem);
+    color: #e74c3c;
+  }
+
   .spinner {
     width: clamp(30px, 8vw, 40px);
     height: clamp(30px, 8vw, 40px);