diff options
Diffstat (limited to 'frontend/src/pages')
| -rw-r--r-- | frontend/src/pages/Login.tsx | 13 |
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} |