Release v0.1.2

webui/src/features/auth/LoginModal.tsx

@@ -9,11 +9,15 @@ import DismissibleAlert from "../../components/DismissibleAlert";
 export default function LoginModal({
   settings,
   onClose,
-  onLogin
+  onLogin,
+  title = "Sign in",
+  message
 }: {
   settings: ApiSettings;
   onClose: () => void;
   onLogin: (response: LoginResponse) => void;
+  title?: string;
+  message?: string;
 }) {
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
@@ -39,10 +43,11 @@ export default function LoginModal({
     <div className="overlay-backdrop" role="dialog" aria-modal="true">
       <form className="modal-panel" onSubmit={submit}>
         <header className="modal-header">
-          <h2>Sign in</h2>
+          <h2>{title}</h2>
           <button className="modal-close" type="button" onClick={onClose}>×</button>
         </header>
         <div className="modal-body form-grid">
+          {message && <DismissibleAlert tone="info" dismissible={false}>{message}</DismissibleAlert>}
           {error && <DismissibleAlert tone="danger" resetKey={error}>{error}</DismissibleAlert>}
           <FormField label="Email">
             <input type="email" value={email} autoComplete="username" onChange={(e) => setEmail(e.target.value)} />