fix: Update map with tables fixes

src/widgets/SightTabs/LeftWidgetTab/index.tsx

@@ -9,6 +9,7 @@ import {
   SelectArticleModal,
   UploadMediaDialog,
   Language,
+  articlesStore,
 } from "@shared";
 import {
   LanguageSwitcher,
@@ -43,7 +44,7 @@ export const LeftWidgetTab = observer(
     const { language } = languageStore;
     const data = sight[language];
     const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
-
+    const token = localStorage.getItem("token");
     const [isSelectMediaDialogOpen, setIsSelectMediaDialogOpen] =
       useState(false);
     const [isSelectArticleDialogOpen, setIsSelectArticleDialogOpen] =
@@ -76,20 +77,40 @@ export const LeftWidgetTab = observer(
     }, []);
 
     const handleSelectArticle = useCallback(
-      (
-        articleId: number,
-        heading: string,
-        body: string,
-        media: { id: string; media_type: number; filename: string }[]
+      async (
+        articleId: number
+        // heading: string,
+        // body: string,
+        // media: { id: string; media_type: number; filename: string }[]
       ) => {
         setIsSelectArticleDialogOpen(false);
-        updateSightInfo(languageStore.language, {
+
+        const ruArticle = await articlesStore.getArticle(articleId, "ru");
+        const enArticle = await articlesStore.getArticle(articleId, "en");
+        const zhArticle = await articlesStore.getArticle(articleId, "zh");
+
+        updateSightInfo("ru", {
           left: {
-            heading,
-            body,
-            media,
+            heading: ruArticle.data.heading,
+            body: ruArticle.data.body,
+            media: ruArticle.data.media || [],
           },
         });
+        updateSightInfo("en", {
+          left: {
+            heading: enArticle.data.heading,
+            body: enArticle.data.body,
+            media: enArticle.data.media || [],
+          },
+        });
+        updateSightInfo("zh", {
+          left: {
+            heading: zhArticle.data.heading,
+            body: zhArticle.data.body,
+            media: zhArticle.data.media || [],
+          },
+        });
+
         updateSightInfo(
           languageStore.language,
           {
@@ -271,6 +292,7 @@ export const LeftWidgetTab = observer(
                         width: "100%",
                         minHeight: 100,
                         padding: "3px",
+                        position: "relative",
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center",
@@ -285,14 +307,41 @@ export const LeftWidgetTab = observer(
                       }}
                     >
                       {data.left.media.length > 0 ? (
-                        <MediaViewer
-                          media={{
-                            id: data.left.media[0].id,
-                            media_type: data.left.media[0].media_type,
-                            filename: data.left.media[0].filename,
-                          }}
-                          fullWidth
-                        />
+                        <>
+                          <MediaViewer
+                            media={{
+                              id: data.left.media[0].id,
+                              media_type: data.left.media[0].media_type,
+                              filename: data.left.media[0].filename,
+                            }}
+                            fullWidth
+                          />
+                          <img
+                            src={`${import.meta.env.VITE_KRBL_MEDIA}${
+                              sight.common.watermark_lu
+                            }/download?token=${token}`}
+                            alt="preview"
+                            className="absolute top-4 left-4 z-10"
+                            style={{
+                              width: "30px",
+                              height: "30px",
+                              objectFit: "contain",
+                            }}
+                          />
+
+                          <img
+                            src={`${import.meta.env.VITE_KRBL_MEDIA}${
+                              sight.common.watermark_rd
+                            }/download?token=${token}`}
+                            alt="preview"
+                            className="absolute bottom-4 right-4 z-10"
+                            style={{
+                              width: "30px",
+                              height: "30px",
+                              objectFit: "contain",
+                            }}
+                          />
+                        </>
                       ) : (
                         <ImagePlus size={48} color="white" />
                       )}
@@ -341,7 +390,14 @@ export const LeftWidgetTab = observer(
                         sx={{
                           padding: 1,
                           maxHeight: "300px",
-                          overflowY: "scroll",
+                          overflowY: "auto",
+                          width: "100%",
+                          "&::-webkit-scrollbar": {
+                            display: "none",
+                          },
+                          "&": {
+                            scrollbarWidth: "none",
+                          },
                           background:
                             "#806c59 linear-gradient(90deg, rgba(255, 255, 255, 0.2) 12.5%, rgba(255, 255, 255, 0.2) 100%)",
                           flexGrow: 1,
@@ -373,6 +429,12 @@ export const LeftWidgetTab = observer(
         <UploadMediaDialog
           open={uploadMediaOpen}
           onClose={() => setUploadMediaOpen(false)}
+          contextObjectName={sight[languageStore.language].name}
+          contextType="sight"
+          isArticle={true}
+          articleName={
+            sight[languageStore.language].left.heading || "Левая статья"
+          }
           afterUpload={async (media) => {
             setUploadMediaOpen(false);
             setFileToUpload(null);