42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import { useState } from "react";
|
|
import { invoke } from "@tauri-apps/api/core";
|
|
import { useNavigate } from "react-router-dom";
|
|
|
|
export default function LoginPage() {
|
|
const [email, setEmail] = useState("");
|
|
const [error, setError] = useState<string | null>(null);
|
|
const [loading, setLoading] = useState(false);
|
|
const navigate = useNavigate();
|
|
|
|
async function handleLogin() {
|
|
setError(null);
|
|
setLoading(true);
|
|
try {
|
|
await invoke("login", { email });
|
|
navigate("/workspaces");
|
|
} catch (e) {
|
|
setError(String(e));
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}
|
|
|
|
return (
|
|
<div style={{ maxWidth: 400, margin: "100px auto", padding: 24 }}>
|
|
<h1>Rustification</h1>
|
|
<input
|
|
type="email"
|
|
value={email}
|
|
onChange={(e) => setEmail(e.target.value)}
|
|
onKeyDown={(e) => e.key === "Enter" && handleLogin()}
|
|
placeholder="Email address"
|
|
style={{ display: "block", width: "100%", marginBottom: 12, padding: 8, boxSizing: "border-box" }}
|
|
/>
|
|
<button onClick={handleLogin} disabled={loading || !email}>
|
|
{loading ? "Logging in…" : "Login"}
|
|
</button>
|
|
{error && <p style={{ color: "red" }}>{error}</p>}
|
|
</div>
|
|
);
|
|
}
|