fix: Language cache sight

src/shared/store/ArticlesStore/index.tsx

@@ -1,36 +1,78 @@
-import { authInstance } from "@shared";
-import { makeAutoObservable, runInAction } from "mobx";
+import { authInstance, editSightStore, Language, languageStore } from "@shared";
+import { computed, makeAutoObservable, runInAction } from "mobx";
 
 export type Article = {
-  id: string;
+  id: number;
   heading: string;
   body: string;
   service_name: string;
 };
 
+type Media = {
+  id: string;
+  filename: string;
+  media_name: string;
+  media_type: number;
+};
+
 class ArticlesStore {
   constructor() {
     makeAutoObservable(this);
   }
 
-  articles: Article[] = [];
+  articles: { [key in Language]: Article[] } = {
+    ru: [],
+    en: [],
+    zh: [],
+  };
   articleData: Article | null = null;
+  articleMedia: Media | null = null;
+  articleLoading: boolean = false;
 
-  getArticles = async () => {
+  getArticles = async (language: Language) => {
+    this.articleLoading = true;
     const response = await authInstance.get("/article");
 
     runInAction(() => {
-      this.articles = response.data;
+      this.articles[language] = response.data;
     });
+    this.articleLoading = false;
   };
 
-  getArticle = async (id: string) => {
+  getArticle = async (id: number) => {
+    this.articleLoading = true;
     const response = await authInstance.get(`/article/${id}`);
 
     runInAction(() => {
       this.articleData = response.data;
     });
+    this.articleLoading = false;
   };
+
+  getSightArticles = async (id: number) => {
+    const response = await authInstance.get(`/sight/${id}/article`);
+
+    runInAction(() => {
+      editSightStore.sightInfo[languageStore.language].right = response.data;
+    });
+  };
+
+  getArticleMedia = async (id: number) => {
+    const response = await authInstance.get(`/article/${id}/media`);
+
+    runInAction(() => {
+      this.articleMedia = response.data[0];
+    });
+  };
+
+  getArticleByArticleId = computed(() => {
+    if (editSightStore.sightInfo.left_article) {
+      return this.articles[languageStore.language].find(
+        (a) => a.id == editSightStore.sightInfo.left_article
+      );
+    }
+    return null;
+  });
 }
 
 export const articlesStore = new ArticlesStore();