diff --git a/src/components/AddOrderModal.jsx b/src/components/AddOrderModal.jsx index dcee001..9a89105 100644 --- a/src/components/AddOrderModal.jsx +++ b/src/components/AddOrderModal.jsx @@ -4,18 +4,30 @@ import "react-datepicker/dist/react-datepicker.css"; const AddOrderModal = ({ show, onHide, onSubmit }) => { const [deadline, setDeadline] = useState(new Date()); - const [robotsCount, setRobotsCount] = useState(2000); + const [robotsCount, setRobotsCount] = useState(100); // Установить минимальное значение на 100 const [formError, setFormError] = useState(""); const handleSubmit = () => { - if (!deadline || robotsCount <= 0) { - setFormError("Пожалуйста, заполните все поля корректно."); + if (!deadline || robotsCount < 100 || robotsCount % 100 !== 0) { + setFormError( + "Пожалуйста, заполните все поля корректно. Количество роботов должно быть кратным 100 и не менее 100." + ); return; } setFormError(""); onSubmit({ deadline, robotsCount }); }; + const handleRobotsCountChange = (e) => { + const value = Number(e.target.value); + // Проверяем, является ли значение кратным 100 и больше 0 + if (value >= 100 && value % 100 === 0) { + setRobotsCount(value); + } else if (value < 100) { + setRobotsCount(100); // Устанавливаем минимальное значение на 100 + } + }; + if (!show) { return null; } @@ -51,9 +63,10 @@ const AddOrderModal = ({ show, onHide, onSubmit }) => { className="form-control" id="robotsCount" value={robotsCount} - onChange={(e) => setRobotsCount(Number(e.target.value))} - min="1" - placeholder="Введите количество роботов" + onChange={handleRobotsCountChange} + min="100" + step={100} + placeholder="Введите количество роботов (кратное 100)" />