Docker

1 files changed, 8 insertions, 5 deletions

diff --git a/frontend/src/pages/Login.tsx b/frontend/src/pages/Login.tsx
index 11b7c11..463af8e 100644
--- a/frontend/src/pages/Login.tsx
+++ b/frontend/src/pages/Login.tsx
@@ -1,6 +1,8 @@
 import { useEffect, useState, type ChangeEvent, type FormEvent } from "react";
 import { useNavigate } from "react-router-dom";
 import { FadeLoader } from "react-spinners";
+import mapBackground from "../assets/map-blurred.png";
+import ErrorBanner from "../components/ErrorBanner";
 import Logo from "../components/Logo";
 import API_URL from "../config";
 import "../styles/button.css";
@@ -84,7 +86,10 @@ function Login() {
     }, []);
 
     return (
-        <div className="login-page">
+        <div
+	    className="login-page"
+	    style={{ backgroundImage: `url(${mapBackground})` }}
+	>
             <div className="login-card">
                 <Logo />
                 <p className="subtitle">🤖 Please log in to use the app 🤖</p>
@@ -119,10 +124,8 @@ function Login() {
                         />
                     </div>
 
-                    {errorMessage && (
-                        <div className="error-message">{errorMessage}</div>
-                    )}
-
+                    {errorMessage && <ErrorBanner message={errorMessage} />}
+                    
                     <button
                         className="btn btn-start"
                         disabled={isLoading}