fix: Update map with tables fixes

src/shared/modals/UploadMediaDialog/index.tsx

@@ -1,4 +1,9 @@
-import { MEDIA_TYPE_LABELS, MEDIA_TYPE_VALUES, editSightStore } from "@shared";
+import {
+  MEDIA_TYPE_LABELS,
+  MEDIA_TYPE_VALUES,
+  editSightStore,
+  generateDefaultMediaName,
+} from "@shared";
 import { observer } from "mobx-react-lite";
 import { useEffect, useState } from "react";
 import {
@@ -32,6 +37,16 @@ interface UploadMediaDialogProps {
   }) => void;
   afterUploadSight?: (id: string) => void;
   hardcodeType?: "thumbnail" | "watermark_lu" | "watermark_rd" | "image" | null;
+  contextObjectName?: string;
+  contextType?:
+    | "sight"
+    | "city"
+    | "carrier"
+    | "country"
+    | "vehicle"
+    | "station";
+  isArticle?: boolean;
+  articleName?: string;
 }
 
 export const UploadMediaDialog = observer(
@@ -41,6 +56,10 @@ export const UploadMediaDialog = observer(
     afterUpload,
     afterUploadSight,
     hardcodeType,
+    contextObjectName,
+
+    isArticle,
+    articleName,
   }: UploadMediaDialogProps) => {
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState<string | null>(null);
@@ -66,7 +85,7 @@ export const UploadMediaDialog = observer(
             setAvailableMediaTypes([6]);
             setMediaType(6);
           }
-          if (["jpg", "jpeg", "png", "gif"].includes(extension)) {
+          if (["jpg", "jpeg", "png", "gif", "svg"].includes(extension)) {
             // Для изображений доступны все типы кроме видео
             setAvailableMediaTypes([1, 3, 4, 5]); // Фото, Иконка, Водяной знак, Панорама, 3Д-модель
             setMediaType(1); // По умолчанию Фото
@@ -76,8 +95,95 @@ export const UploadMediaDialog = observer(
             setMediaType(2);
           }
         }
+
+        // Генерируем название по умолчанию если есть контекст
+        if (fileToUpload.name) {
+          let defaultName = "";
+
+          if (isArticle && articleName && contextObjectName) {
+            // Для статей: "Название достопримечательности_название файла_название статьи"
+            defaultName = generateDefaultMediaName(
+              contextObjectName,
+              fileToUpload.name,
+              articleName,
+              true
+            );
+          } else if (contextObjectName && contextObjectName.trim() !== "") {
+            // Для обычных медиа с названием объекта
+            const currentMediaType = hardcodeType
+              ? MEDIA_TYPE_VALUES[hardcodeType]
+              : 1; // По умолчанию фото
+            defaultName = generateDefaultMediaName(
+              contextObjectName,
+              fileToUpload.name,
+              currentMediaType,
+              false
+            );
+          } else {
+            // Для медиа без названия объекта
+            const currentMediaType = hardcodeType
+              ? MEDIA_TYPE_VALUES[hardcodeType]
+              : 1; // По умолчанию фото
+            defaultName = generateDefaultMediaName(
+              "",
+              fileToUpload.name,
+              currentMediaType,
+              false
+            );
+          }
+
+          setMediaName(defaultName);
+        }
       }
-    }, [fileToUpload]);
+    }, [fileToUpload, contextObjectName, hardcodeType, isArticle, articleName]);
+
+    // Обновляем название при изменении типа медиа
+    useEffect(() => {
+      if (mediaFilename && mediaType > 0) {
+        let defaultName = "";
+
+        if (isArticle && articleName && contextObjectName) {
+          // Для статей: "Название достопримечательности_название файла_название статьи"
+          defaultName = generateDefaultMediaName(
+            contextObjectName,
+            mediaFilename,
+            articleName,
+            true
+          );
+        } else if (contextObjectName && contextObjectName.trim() !== "") {
+          // Для обычных медиа с названием объекта
+          const currentMediaType = hardcodeType
+            ? MEDIA_TYPE_VALUES[hardcodeType]
+            : mediaType;
+          defaultName = generateDefaultMediaName(
+            contextObjectName,
+            mediaFilename,
+            currentMediaType,
+            false
+          );
+        } else {
+          // Для медиа без названия объекта
+          const currentMediaType = hardcodeType
+            ? MEDIA_TYPE_VALUES[hardcodeType]
+            : mediaType;
+          defaultName = generateDefaultMediaName(
+            "",
+            mediaFilename,
+            currentMediaType,
+            false
+          );
+        }
+
+        setMediaName(defaultName);
+      }
+    }, [
+      mediaType,
+      contextObjectName,
+      mediaFilename,
+      hardcodeType,
+      isArticle,
+      articleName,
+    ]);
 
     useEffect(() => {
       if (mediaFile) {
@@ -141,7 +247,6 @@ export const UploadMediaDialog = observer(
             className="flex gap-4"
             dividers
             sx={{
-              height: "600px",
               display: "flex",
               flexDirection: "column",
               gap: 2,
@@ -200,13 +305,16 @@ export const UploadMediaDialog = observer(
                     height: "100%",
                   }}
                 >
-                  {/* <MediaViewer
-                    media={{
-                      id: "",
-                      media_type: mediaType,
-                      filename: mediaFilename,
-                    }}
-                  /> */}
+                  {mediaType == 2 && mediaUrl && (
+                    <video
+                      src={mediaUrl}
+                      autoPlay
+                      muted
+                      loop
+                      controls
+                      style={{ maxWidth: "100%", maxHeight: "100%" }}
+                    />
+                  )}
                   {mediaType === 6 && mediaUrl && (
                     <ModelViewer3D fileUrl={mediaUrl} height="100%" />
                   )}
@@ -215,8 +323,7 @@ export const UploadMediaDialog = observer(
                       src={mediaUrl ?? ""}
                       alt="Uploaded media"
                       style={{
-                        maxWidth: "100%",
-                        maxHeight: "100%",
+                        height: "100%",
                         objectFit: "contain",
                       }}
                     />