49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
import React, { useState } from "react";
|
|
|
|
const Login = ({ onLogin, onClose }) => {
|
|
const [username, setUsername] = useState("");
|
|
const [password, setPassword] = useState("");
|
|
const [error, setError] = useState("");
|
|
|
|
const handleSubmit = (e) => {
|
|
e.preventDefault();
|
|
if (username === "admin" && password === "admin") {
|
|
onLogin(); // Успешная авторизация
|
|
onClose(); // Закрыть модальное окно
|
|
} else {
|
|
setError("Неверный логин или пароль");
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="modal-overlay">
|
|
<div className="modal">
|
|
<h2>Авторизация</h2>
|
|
<form onSubmit={handleSubmit}>
|
|
<div>
|
|
<label>Логин:</label>
|
|
<input
|
|
type="text"
|
|
value={username}
|
|
onChange={(e) => setUsername(e.target.value)}
|
|
required
|
|
/>
|
|
</div>
|
|
<div>
|
|
<label>Пароль:</label>
|
|
<input
|
|
type="password"
|
|
value={password}
|
|
onChange={(e) => setPassword(e.target.value)}
|
|
required
|
|
/>
|
|
</div>
|
|
{error && <p className="error">{error}</p>}
|
|
<button type="submit">Войти</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Login; |