fix: 01.11.25 MapPage update + sight/station relation + preview base

src/pages/Route/RouteCreatePage/index.tsx

@@ -38,8 +38,8 @@ export const RouteCreatePage = observer(() => {
   const [govRouteNumber, setGovRouteNumber] = useState("");
   const [governorAppeal, setGovernorAppeal] = useState<string>("");
   const [direction, setDirection] = useState("backward");
-  const [scaleMin, setScaleMin] = useState("");
-  const [scaleMax, setScaleMax] = useState("");
+  const [scaleMin, setScaleMin] = useState("10");
+  const [scaleMax, setScaleMax] = useState("100");
   const [routeName, setRouteName] = useState("");
   const [turn, setTurn] = useState("");
   const [centerLat, setCenterLat] = useState("");
@@ -154,22 +154,75 @@ export const RouteCreatePage = observer(() => {
   const handleCreateRoute = async () => {
     try {
       setIsLoading(true);
-      // Преобразуем значения в нужные типы
-      const carrier_id = Number(carrier);
-      const governor_appeal = Number(governorAppeal);
-      const scale_min = scaleMin ? Number(scaleMin) : undefined;
-      const scale_max = scaleMax ? Number(scaleMax) : undefined;
-      const rotate = turn ? Number(turn) : undefined;
-      const center_latitude = centerLat ? Number(centerLat) : undefined;
-      const center_longitude = centerLng ? Number(centerLng) : undefined;
-      const route_direction = direction === "forward";
+
+      // Валидация обязательных полей
+      if (!routeName.trim()) {
+        toast.error("Заполните название маршрута");
+        setIsLoading(false);
+        return;
+      }
+      if (!carrier) {
+        toast.error("Выберите перевозчика");
+        setIsLoading(false);
+        return;
+      }
+      if (!routeNumber.trim()) {
+        toast.error("Заполните номер маршрута");
+        setIsLoading(false);
+        return;
+      }
+      if (!govRouteNumber.trim()) {
+        toast.error("Заполните номер маршрута в Говорящем Городе");
+        setIsLoading(false);
+        return;
+      }
+      if (!governorAppeal) {
+        toast.error("Выберите статью для обращения к пассажирам");
+        setIsLoading(false);
+        return;
+      }
 
       const validationResult = validateCoordinates(routeCoords);
       if (validationResult !== true) {
         toast.error(validationResult);
+        setIsLoading(false);
         return;
       }
 
+      // Валидация масштабов
+      const scale_min = scaleMin ? Number(scaleMin) : null;
+      const scale_max = scaleMax ? Number(scaleMax) : null;
+      console.log(scale_min, scale_max);
+      if (
+        scale_min === 0 ||
+        scale_max === 0 ||
+        scale_min === null ||
+        scale_max === null
+      ) {
+        toast.error("Масштабы не могут быть равны 0");
+        setIsLoading(false);
+        return;
+      }
+
+      if (
+        scale_min !== null &&
+        scale_max !== null &&
+        scale_max !== undefined &&
+        scale_min > scale_max
+      ) {
+        toast.error("Максимальный масштаб не может быть меньше минимального");
+        setIsLoading(false);
+        return;
+      }
+
+      // Преобразуем значения в нужные типы
+      const carrier_id = Number(carrier);
+      const governor_appeal = Number(governorAppeal);
+      const rotate = turn ? Number(turn) : undefined;
+      const center_latitude = centerLat ? Number(centerLat) : undefined;
+      const center_longitude = centerLng ? Number(centerLng) : undefined;
+      const route_direction = direction === "forward";
+
       // Координаты маршрута как массив массивов чисел
       const path = routeCoords
         .trim()
@@ -194,8 +247,8 @@ export const RouteCreatePage = observer(() => {
         governor_appeal,
         route_name: routeName,
         route_direction,
-        scale_min,
-        scale_max,
+        scale_min: scale_min !== null ? scale_min : 0,
+        scale_max: scale_max !== null ? scale_max : 0,
         rotate,
         center_latitude,
         center_longitude,
@@ -371,14 +424,40 @@ export const RouteCreatePage = observer(() => {
           <TextField
             className="w-full"
             label="Масштаб (мин)"
+            type="number"
             value={scaleMin}
-            onChange={(e) => setScaleMin(e.target.value)}
+            onChange={(e) => {
+              const value = e.target.value;
+              setScaleMin(value);
+              // Если максимальный масштаб стал меньше минимального, обновляем его
+              if (value && scaleMax && Number(value) > Number(scaleMax)) {
+                setScaleMax(value);
+              }
+            }}
+            error={
+              scaleMin !== "" &&
+              scaleMax !== "" &&
+              Number(scaleMin) > Number(scaleMax)
+            }
+            required
+            helperText={
+              scaleMin !== "" &&
+              scaleMax !== "" &&
+              Number(scaleMin) > Number(scaleMax)
+                ? "Минимальный масштаб не может быть больше максимального"
+                : ""
+            }
           />
           <TextField
             className="w-full"
             label="Масштаб (макс)"
+            type="number"
             value={scaleMax}
-            onChange={(e) => setScaleMax(e.target.value)}
+            required
+            onChange={(e) => {
+              const value = e.target.value;
+              setScaleMax(value);
+            }}
           />
 
           <TextField