fix: Language cache sight

src/shared/store/SightsStore/index.tsx

@@ -1,12 +1,17 @@
-import { authInstance, languageInstance, languageStore } from "@shared";
-import { makeAutoObservable, runInAction } from "mobx";
+import {
+  articlesStore,
+  authInstance,
+  languageInstance,
+  languageStore,
+  editSightStore,
+} from "@shared";
+import { computed, makeAutoObservable, runInAction } from "mobx";
 
 export type Language = "ru" | "en" | "zh";
 
 export type MultilingualContent = {
   [key in Language]: {
     name: string;
-    description: string;
     address: string;
   };
 };
@@ -30,7 +35,6 @@ export type Sight = {
 export type CreateSight = {
   [key in Language]: {
     name: string;
-    description: string;
     address: string;
   };
 };
@@ -39,9 +43,9 @@ class SightsStore {
   sights: Sight[] = [];
   sight: Sight | null = null;
   createSight: CreateSight = {
-    ru: { name: "", description: "", address: "" },
-    en: { name: "", description: "", address: "" },
-    zh: { name: "", description: "", address: "" },
+    ru: { name: "", address: "" },
+    en: { name: "", address: "" },
+    zh: { name: "", address: "" },
   };
 
   constructor() {
@@ -60,6 +64,41 @@ class SightsStore {
 
     runInAction(() => {
       this.sight = response.data;
+      editSightStore.sightInfo = {
+        ...editSightStore.sightInfo,
+        id: response.data.id,
+        city_id: response.data.city_id,
+        city: response.data.city,
+        latitude: response.data.latitude,
+        longitude: response.data.longitude,
+        thumbnail: response.data.thumbnail,
+        watermark_lu: response.data.watermark_lu,
+        watermark_rd: response.data.watermark_rd,
+        left_article: response.data.left_article,
+        preview_media: response.data.preview_media,
+        video_preview: response.data.video_preview,
+        [languageStore.language]: {
+          info: {
+            name: response.data.name,
+            address: response.data.address,
+            description: response.data.description,
+          },
+          left: {
+            heading: editSightStore.sightInfo[languageStore.language].left
+              .loaded
+              ? editSightStore.sightInfo[languageStore.language].left.heading
+              : articlesStore.articles[languageStore.language].find(
+                  (article) => article.id === response.data.left_article
+                )?.heading,
+            body: editSightStore.sightInfo[languageStore.language].left.loaded
+              ? editSightStore.sightInfo[languageStore.language].left.body
+              : articlesStore.articles[languageStore.language].find(
+                  (article) => article.id === response.data.left_article
+                )?.body,
+          },
+        },
+      };
+      console.log(editSightStore.sightInfo);
     });
   };
 
@@ -70,7 +109,6 @@ class SightsStore {
     const id = (
       await authInstance.post("/sight", {
         name: this.createSight[languageStore.language].name,
-        description: this.createSight[languageStore.language].description,
         address: this.createSight[languageStore.language].address,
         city_id: city,
         latitude: coordinates.latitude,
@@ -86,8 +124,6 @@ class SightsStore {
       `/sight/${id}`,
       {
         name: this.createSight[anotherLanguages[0] as Language].name,
-        description:
-          this.createSight[anotherLanguages[0] as Language].description,
         address: this.createSight[anotherLanguages[0] as Language].address,
         city_id: city,
         latitude: coordinates.latitude,
@@ -99,8 +135,6 @@ class SightsStore {
       `/sight/${id}`,
       {
         name: this.createSight[anotherLanguages[1] as Language].name,
-        description:
-          this.createSight[anotherLanguages[1] as Language].description,
         address: this.createSight[anotherLanguages[1] as Language].address,
         city_id: city,
         latitude: coordinates.latitude,
@@ -110,9 +144,9 @@ class SightsStore {
 
     runInAction(() => {
       this.createSight = {
-        ru: { name: "", description: "", address: "" },
-        en: { name: "", description: "", address: "" },
-        zh: { name: "", description: "", address: "" },
+        ru: { name: "", address: "" },
+        en: { name: "", address: "" },
+        zh: { name: "", address: "" },
       };
     });
   };
@@ -139,22 +173,41 @@ class SightsStore {
       this.createSight = {
         ru: {
           name: "",
-          description: "",
           address: "",
         },
         en: {
           name: "",
-          description: "",
           address: "",
         },
         zh: {
           name: "",
-          description: "",
           address: "",
         },
       };
     });
   };
+
+  sightData = computed(() => {
+    return {
+      name: this.sight?.name,
+      address: this.sight?.address,
+      city_id: this.sight?.city_id,
+      latitude: this.sight?.latitude,
+      longitude: this.sight?.longitude,
+      thumbnail: this.sight?.thumbnail,
+      watermark_lu: this.sight?.watermark_lu,
+      watermark_rd: this.sight?.watermark_rd,
+      left_article: this.sight?.left_article,
+      preview_media: this.sight?.preview_media,
+      video_preview: this.sight?.video_preview,
+      [languageStore.language]: {
+        info: {
+          name: this.sight?.name,
+          address: this.sight?.address,
+        },
+      },
+    };
+  });
 }
 
 export const sightsStore = new SightsStore();