78 lines
2.4 KiB
TypeScript
78 lines
2.4 KiB
TypeScript
"use client";
|
||
|
||
import { useState } from "react";
|
||
|
||
export default function AdminLoginPage() {
|
||
const [email, setEmail] = useState("");
|
||
const [password, setPassword] = useState("");
|
||
const [errorText, setErrorText] = useState("");
|
||
const [isLoading, setIsLoading] = useState(false);
|
||
|
||
async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
|
||
e.preventDefault();
|
||
setErrorText("");
|
||
setIsLoading(true);
|
||
|
||
try {
|
||
const response = await fetch("/api/admin/login", {
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
},
|
||
body: JSON.stringify({ email, password }),
|
||
});
|
||
|
||
const data = await response.json();
|
||
|
||
if (!response.ok) {
|
||
setErrorText(data.error || "Ошибка входа");
|
||
return;
|
||
}
|
||
|
||
window.location.href = "/admin/leads";
|
||
} catch {
|
||
setErrorText("Ошибка сети");
|
||
} finally {
|
||
setIsLoading(false);
|
||
}
|
||
}
|
||
|
||
return (
|
||
<main className="min-h-screen bg-neutral-950 text-white flex items-center justify-center px-4">
|
||
<div className="w-full max-w-md rounded-3xl border border-white/10 bg-neutral-900 p-8">
|
||
<h1 className="text-3xl font-bold mb-2">Вход в CRM</h1>
|
||
<p className="text-neutral-400 mb-6">WorkParking CRM</p>
|
||
|
||
<form onSubmit={handleSubmit} className="space-y-4">
|
||
<input
|
||
type="email"
|
||
placeholder="Email"
|
||
value={email}
|
||
onChange={(e) => setEmail(e.target.value)}
|
||
className="w-full rounded-2xl border border-white/10 bg-black/30 px-4 py-3 outline-none focus:border-emerald-500"
|
||
required
|
||
/>
|
||
|
||
<input
|
||
type="password"
|
||
placeholder="Пароль"
|
||
value={password}
|
||
onChange={(e) => setPassword(e.target.value)}
|
||
className="w-full rounded-2xl border border-white/10 bg-black/30 px-4 py-3 outline-none focus:border-emerald-500"
|
||
required
|
||
/>
|
||
|
||
<button
|
||
type="submit"
|
||
disabled={isLoading}
|
||
className="w-full rounded-2xl bg-emerald-600 px-4 py-3 font-semibold hover:bg-emerald-500 disabled:opacity-60"
|
||
>
|
||
{isLoading ? "Входим..." : "Войти"}
|
||
</button>
|
||
|
||
{errorText && <p className="text-sm text-red-400">{errorText}</p>}
|
||
</form>
|
||
</div>
|
||
</main>
|
||
);
|
||
} |