._.

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)"
               />
             </div>
             <div className="mb-3">