fix: Hot bug fix

src/pages/Carrier/CarrierCreatePage/index.tsx

@@ -12,7 +12,7 @@ import { ArrowLeft, Save } from "lucide-react";
 import { Loader2 } from "lucide-react";
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
-import { carrierStore, cityStore, mediaStore } from "@shared";
+import { carrierStore, cityStore, mediaStore, languageStore } from "@shared";
 import { useState, useEffect } from "react";
 import { ImageUploadCard, LanguageSwitcher } from "@widgets";
 import {
@@ -23,11 +23,8 @@ import {
 
 export const CarrierCreatePage = observer(() => {
   const navigate = useNavigate();
-
-  const [fullName, setFullName] = useState("");
-  const [shortName, setShortName] = useState("");
-  const [cityId, setCityId] = useState<number | null>(null);
-  const [slogan, setSlogan] = useState("");
+  const { createCarrierData, setCreateCarrierData } = carrierStore;
+  const { language } = languageStore;
   const [selectedMediaId, setSelectedMediaId] = useState<string | null>(null);
   const [isLoading, setIsLoading] = useState(false);
   const [isSelectMediaOpen, setIsSelectMediaOpen] = useState(false);
@@ -35,7 +32,7 @@ export const CarrierCreatePage = observer(() => {
   const [isPreviewMediaOpen, setIsPreviewMediaOpen] = useState(false);
   const [mediaId, setMediaId] = useState("");
   const [activeMenuType, setActiveMenuType] = useState<
-    "thumbnail" | "watermark_lu" | "watermark_rd" | null
+    "thumbnail" | "watermark_lu" | "watermark_rd" | "image" | null
   >(null);
 
   useEffect(() => {
@@ -46,13 +43,7 @@ export const CarrierCreatePage = observer(() => {
   const handleCreate = async () => {
     try {
       setIsLoading(true);
-      await carrierStore.createCarrier(
-        fullName,
-        shortName,
-        cityId!,
-        slogan,
-        selectedMediaId!
-      );
+      await carrierStore.createCarrier();
       toast.success("Перевозчик успешно создан");
       navigate("/carrier");
     } catch (error) {
@@ -69,6 +60,14 @@ export const CarrierCreatePage = observer(() => {
     media_type: number;
   }) => {
     setSelectedMediaId(media.id);
+    setCreateCarrierData(
+      createCarrierData[language].full_name,
+      createCarrierData[language].short_name,
+      createCarrierData.city_id,
+      createCarrierData[language].slogan,
+      media.id,
+      language
+    );
   };
 
   const selectedMedia = selectedMediaId
@@ -89,19 +88,28 @@ export const CarrierCreatePage = observer(() => {
       </div>
 
       <div className="flex flex-col gap-10 w-full items-end">
-        <div className="flex gap-10 items-center mb-5 max-w-[80%]">
+        <div className="flex gap-10 items-center mb-5 max-w-[80%] self-start">
           <h1 className="text-3xl break-words">Создание перевозчика</h1>
         </div>
 
         <FormControl fullWidth>
           <InputLabel>Город</InputLabel>
           <Select
-            value={cityId || ""}
+            value={createCarrierData.city_id || ""}
             label="Город"
             required
-            onChange={(e) => setCityId(e.target.value as number)}
+            onChange={(e) =>
+              setCreateCarrierData(
+                createCarrierData[language].full_name,
+                createCarrierData[language].short_name,
+                e.target.value as number,
+                createCarrierData[language].slogan,
+                selectedMediaId || "",
+                language
+              )
+            }
           >
-            {cityStore.cities.ru.data.map((city) => (
+            {cityStore.cities["ru"].data.map((city) => (
               <MenuItem key={city.id} value={city.id}>
                 {city.name}
               </MenuItem>
@@ -112,24 +120,51 @@ export const CarrierCreatePage = observer(() => {
         <TextField
           fullWidth
           label="Полное название"
-          value={fullName}
+          value={createCarrierData[language].full_name}
           required
-          onChange={(e) => setFullName(e.target.value)}
+          onChange={(e) =>
+            setCreateCarrierData(
+              e.target.value,
+              createCarrierData[language].short_name,
+              createCarrierData.city_id,
+              createCarrierData[language].slogan,
+              selectedMediaId || "",
+              language
+            )
+          }
         />
 
         <TextField
           fullWidth
           label="Короткое название"
-          value={shortName}
+          value={createCarrierData[language].short_name}
           required
-          onChange={(e) => setShortName(e.target.value)}
+          onChange={(e) =>
+            setCreateCarrierData(
+              createCarrierData[language].full_name,
+              e.target.value,
+              createCarrierData.city_id,
+              createCarrierData[language].slogan,
+              selectedMediaId || "",
+              language
+            )
+          }
         />
 
         <TextField
           fullWidth
           label="Слоган"
-          value={slogan}
-          onChange={(e) => setSlogan(e.target.value)}
+          value={createCarrierData[language].slogan}
+          onChange={(e) =>
+            setCreateCarrierData(
+              createCarrierData[language].full_name,
+              createCarrierData[language].short_name,
+              createCarrierData.city_id,
+              e.target.value,
+              selectedMediaId || "",
+              language
+            )
+          }
         />
 
         <div className="w-full flex flex-col gap-4 max-w-[300px] mx-auto">
@@ -144,14 +179,22 @@ export const CarrierCreatePage = observer(() => {
             onDeleteImageClick={() => {
               setSelectedMediaId(null);
               setActiveMenuType(null);
+              setCreateCarrierData(
+                createCarrierData[language].full_name,
+                createCarrierData[language].short_name,
+                createCarrierData.city_id,
+                createCarrierData[language].slogan,
+                "",
+                language
+              );
             }}
             onSelectFileClick={() => {
-              setActiveMenuType("thumbnail");
+              setActiveMenuType("image");
               setIsSelectMediaOpen(true);
             }}
             setUploadMediaOpen={() => {
               setIsUploadMediaOpen(true);
-              setActiveMenuType("thumbnail");
+              setActiveMenuType("image");
             }}
           />
         </div>
@@ -162,7 +205,10 @@ export const CarrierCreatePage = observer(() => {
           startIcon={<Save size={20} />}
           onClick={handleCreate}
           disabled={
-            isLoading || !fullName || !shortName || !cityId || !selectedMediaId
+            isLoading ||
+            !createCarrierData[language].full_name ||
+            !createCarrierData[language].short_name ||
+            !createCarrierData.city_id
           }
         >
           {isLoading ? (
@@ -177,7 +223,7 @@ export const CarrierCreatePage = observer(() => {
         open={isSelectMediaOpen}
         onClose={() => setIsSelectMediaOpen(false)}
         onSelectMedia={handleMediaSelect}
-        mediaType={3}
+        mediaType={1}
       />
 
       <UploadMediaDialog