fix: Fix Map page

src/pages/Route/RouteCreatePage/index.tsx

@@ -9,7 +9,7 @@ import {
   Typography,
   Box,
 } from "@mui/material";
-
+import { LanguageSwitcher } from "@widgets";
 import { observer } from "mobx-react-lite";
 import { ArrowLeft, Loader2, Save } from "lucide-react";
 import { useEffect, useState } from "react";
@@ -93,134 +93,135 @@ export const RouteCreatePage = observer(() => {
 
   return (
     <Paper className="w-full h-full p-3 flex flex-col gap-10">
-      <div className="flex justify-between items-center">
+      <LanguageSwitcher />
+      <div className="flex items-center gap-4">
         <button
           className="flex items-center gap-2"
           onClick={() => navigate(-1)}
         >
           <ArrowLeft size={20} />
-          Маршруты / Создать
+          Назад
         </button>
       </div>
-      <Typography variant="h5" fontWeight={700}>
-        Создать маршрут
-      </Typography>
-      <Box className="flex flex-col gap-6 w-full">
-        <FormControl fullWidth required>
-          <InputLabel>Выберите перевозчика</InputLabel>
-          <Select
-            value={carrier}
-            label="Выберите перевозчика"
-            onChange={(e) => setCarrier(e.target.value as string)}
-            disabled={carrierStore.carriers.data.length === 0}
+
+      <div className="flex flex-col gap-10 w-full items-end">
+        <Box className="flex flex-col gap-6 w-full">
+          <FormControl fullWidth required>
+            <InputLabel>Выберите перевозчика</InputLabel>
+            <Select
+              value={carrier}
+              label="Выберите перевозчика"
+              onChange={(e) => setCarrier(e.target.value as string)}
+              disabled={carrierStore.carriers.data.length === 0}
+            >
+              <MenuItem value="">Не выбрано</MenuItem>
+              {carrierStore.carriers.data.map(
+                (c: (typeof carrierStore.carriers.data)[number]) => (
+                  <MenuItem key={c.id} value={c.id}>
+                    {c.full_name}
+                  </MenuItem>
+                )
+              )}
+            </Select>
+          </FormControl>
+          <TextField
+            className="w-full"
+            label="Номер маршрута"
+            required
+            value={routeNumber}
+            onChange={(e) => setRouteNumber(e.target.value)}
+          />
+          <TextField
+            className="w-full"
+            label="Координаты маршрута"
+            multiline
+            minRows={3}
+            value={routeCoords}
+            onChange={(e) => setRouteCoords(e.target.value)}
+          />
+          <TextField
+            className="w-full"
+            label="Номер маршрута в Говорящем Городе"
+            required
+            value={govRouteNumber}
+            onChange={(e) => setGovRouteNumber(e.target.value)}
+          />
+          <FormControl fullWidth required>
+            <InputLabel>Обращение губернатора</InputLabel>
+            <Select
+              value={governorAppeal}
+              label="Обращение губернатора"
+              onChange={(e) => setGovernorAppeal(e.target.value as string)}
+              disabled={articlesStore.articleList.ru.data.length === 0}
+            >
+              <MenuItem value="">Не выбрано</MenuItem>
+              {articlesStore.articleList.ru.data.map(
+                (a: (typeof articlesStore.articleList.ru.data)[number]) => (
+                  <MenuItem key={a.id} value={a.id}>
+                    {a.heading}
+                  </MenuItem>
+                )
+              )}
+            </Select>
+          </FormControl>
+          <FormControl fullWidth required>
+            <InputLabel>Прямой/обратный маршрут</InputLabel>
+            <Select
+              value={direction}
+              label="Прямой/обратный маршрут"
+              onChange={(e) => setDirection(e.target.value)}
+            >
+              <MenuItem value="forward">Прямой</MenuItem>
+              <MenuItem value="backward">Обратный</MenuItem>
+            </Select>
+          </FormControl>
+          <TextField
+            className="w-full"
+            label="Масштаб (мин)"
+            value={scaleMin}
+            onChange={(e) => setScaleMin(e.target.value)}
+          />
+          <TextField
+            className="w-full"
+            label="Масштаб (макс)"
+            value={scaleMax}
+            onChange={(e) => setScaleMax(e.target.value)}
+          />
+          <TextField
+            className="w-full"
+            label="Поворот"
+            value={turn}
+            onChange={(e) => setTurn(e.target.value)}
+          />
+          <TextField
+            className="w-full"
+            label="Центр. широта"
+            value={centerLat}
+            onChange={(e) => setCenterLat(e.target.value)}
+          />
+          <TextField
+            className="w-full"
+            label="Центр. долгота"
+            value={centerLng}
+            onChange={(e) => setCenterLng(e.target.value)}
+          />
+        </Box>
+        <div className="flex w-full justify-end">
+          <Button
+            variant="contained"
+            color="primary"
+            className="w-min flex gap-2 items-center"
+            startIcon={<Save size={20} />}
+            onClick={handleCreateRoute}
+            disabled={isLoading}
           >
-            <MenuItem value="">Не выбрано</MenuItem>
-            {carrierStore.carriers.data.map(
-              (c: (typeof carrierStore.carriers.data)[number]) => (
-                <MenuItem key={c.id} value={c.id}>
-                  {c.full_name}
-                </MenuItem>
-              )
+            {isLoading ? (
+              <Loader2 size={20} className="animate-spin" />
+            ) : (
+              "Сохранить"
             )}
-          </Select>
-        </FormControl>
-        <TextField
-          className="w-full"
-          label="Номер маршрута"
-          required
-          value={routeNumber}
-          onChange={(e) => setRouteNumber(e.target.value)}
-        />
-        <TextField
-          className="w-full"
-          label="Координаты маршрута"
-          multiline
-          minRows={3}
-          value={routeCoords}
-          onChange={(e) => setRouteCoords(e.target.value)}
-        />
-        <TextField
-          className="w-full"
-          label="Номер маршрута в Говорящем Городе"
-          required
-          value={govRouteNumber}
-          onChange={(e) => setGovRouteNumber(e.target.value)}
-        />
-        <FormControl fullWidth required>
-          <InputLabel>Обращение губернатора</InputLabel>
-          <Select
-            value={governorAppeal}
-            label="Обращение губернатора"
-            onChange={(e) => setGovernorAppeal(e.target.value as string)}
-            disabled={articlesStore.articleList.ru.data.length === 0}
-          >
-            <MenuItem value="">Не выбрано</MenuItem>
-            {articlesStore.articleList.ru.data.map(
-              (a: (typeof articlesStore.articleList.ru.data)[number]) => (
-                <MenuItem key={a.id} value={a.id}>
-                  {a.heading}
-                </MenuItem>
-              )
-            )}
-          </Select>
-        </FormControl>
-        <FormControl fullWidth required>
-          <InputLabel>Прямой/обратный маршрут</InputLabel>
-          <Select
-            value={direction}
-            label="Прямой/обратный маршрут"
-            onChange={(e) => setDirection(e.target.value)}
-          >
-            <MenuItem value="forward">Прямой</MenuItem>
-            <MenuItem value="backward">Обратный</MenuItem>
-          </Select>
-        </FormControl>
-        <TextField
-          className="w-full"
-          label="Масштаб (мин)"
-          value={scaleMin}
-          onChange={(e) => setScaleMin(e.target.value)}
-        />
-        <TextField
-          className="w-full"
-          label="Масштаб (макс)"
-          value={scaleMax}
-          onChange={(e) => setScaleMax(e.target.value)}
-        />
-        <TextField
-          className="w-full"
-          label="Поворот"
-          value={turn}
-          onChange={(e) => setTurn(e.target.value)}
-        />
-        <TextField
-          className="w-full"
-          label="Центр. широта"
-          value={centerLat}
-          onChange={(e) => setCenterLat(e.target.value)}
-        />
-        <TextField
-          className="w-full"
-          label="Центр. долгота"
-          value={centerLng}
-          onChange={(e) => setCenterLng(e.target.value)}
-        />
-      </Box>
-      <div className="flex w-full justify-end">
-        <Button
-          variant="contained"
-          color="primary"
-          className="w-min flex gap-2 items-center"
-          startIcon={<Save size={20} />}
-          onClick={handleCreateRoute}
-          disabled={isLoading}
-        >
-          {isLoading ? (
-            <Loader2 size={20} className="animate-spin" />
-          ) : (
-            "Сохранить"
-          )}
-        </Button>
+          </Button>
+        </div>
       </div>
     </Paper>
   );