fix: Language cache sight

src/pages/EditSightPage/index.tsx

@@ -16,7 +16,7 @@ function a11yProps(index: number) {
 export const EditSightPage = observer(() => {
   const [value, setValue] = useState(0);
   const { sight, getSight } = sightsStore;
-  const { getArticles } = articlesStore;
+  const { articles, getArticles } = articlesStore;
   const { language } = languageStore;
   const { id } = useParams();
 
@@ -28,53 +28,54 @@ export const EditSightPage = observer(() => {
     const fetchData = async () => {
       if (id) {
         await getSight(Number(id));
-        await getArticles();
+        await getArticles(language);
       }
     };
     fetchData();
   }, [id, language]);
 
   return (
-    <Box
-      sx={{
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        minHeight: "100vh",
-      }}
-    >
+    articles &&
+    sight && (
       <Box
         sx={{
-          borderBottom: 1,
-          borderColor: "divider",
+          width: "100%",
           display: "flex",
-          justifyContent: "center",
+          flexDirection: "column",
+          minHeight: "100vh",
         }}
       >
-        <Tabs
-          value={value}
-          onChange={handleChange}
-          aria-label="sight tabs"
+        <Box
           sx={{
-            width: "100%",
-            "& .MuiTabs-flexContainer": {
-              justifyContent: "center",
-            },
+            borderBottom: 1,
+            borderColor: "divider",
+            display: "flex",
+            justifyContent: "center",
           }}
         >
-          <Tab sx={{ flex: 1 }} label="Общая информация" {...a11yProps(0)} />
-          <Tab sx={{ flex: 1 }} label="Левый виджет" {...a11yProps(1)} />
-          <Tab sx={{ flex: 1 }} label="Правый виджет" {...a11yProps(2)} />
-        </Tabs>
-      </Box>
+          <Tabs
+            value={value}
+            onChange={handleChange}
+            aria-label="sight tabs"
+            sx={{
+              width: "100%",
+              "& .MuiTabs-flexContainer": {
+                justifyContent: "center",
+              },
+            }}
+          >
+            <Tab sx={{ flex: 1 }} label="Общая информация" {...a11yProps(0)} />
+            <Tab sx={{ flex: 1 }} label="Левый виджет" {...a11yProps(1)} />
+            <Tab sx={{ flex: 1 }} label="Правый виджет" {...a11yProps(2)} />
+          </Tabs>
+        </Box>
 
-      {sight && (
         <div className="flex-1">
           <InformationTab value={value} index={0} />
-          <LeftWidgetTab data={sight} value={value} index={1} />
-          <RightWidgetTab data={sight} value={value} index={2} />
+          <LeftWidgetTab value={value} index={1} />
+          <RightWidgetTab value={value} index={2} />
         </div>
-      )}
-    </Box>
+      </Box>
+    )
   );
 });