feat: Delete user preview + snapshot preview + coordinates update

src/widgets/ReactMarkdownEditor/index.tsx

@@ -1,5 +1,6 @@
+import { useMemo } from "react";
 import { styled } from "@mui/material/styles";
-import SimpleMDE, { SimpleMDEReactProps } from "react-simplemde-editor";
+import SimpleMDE from "react-simplemde-editor";
 import "easymde/dist/easymde.min.css";
 
 const StyledMarkdownEditor = styled("div")(({ theme }) => ({
@@ -19,7 +20,6 @@ const StyledMarkdownEditor = styled("div")(({ theme }) => ({
   "& .editor-statusbar": {
     display: "none",
   },
-  // Стили для самого редактора
   "& .CodeMirror": {
     backgroundColor: theme.palette.background.paper,
     color: theme.palette.text.primary,
@@ -33,14 +33,12 @@ const StyledMarkdownEditor = styled("div")(({ theme }) => ({
     minHeight: "200px",
     maxHeight: "500px",
   },
-  // Стили для текста в редакторе
   "& .CodeMirror-selected": {
     backgroundColor: `${theme.palette.action.selected} !important`,
   },
   "& .CodeMirror-cursor": {
     borderLeftColor: theme.palette.text.primary,
   },
-  // Стили для markdown разметки
   "& .cm-header": {
     color: theme.palette.primary.main,
   },
@@ -57,13 +55,11 @@ const StyledMarkdownEditor = styled("div")(({ theme }) => ({
   "& .cm-formatting": {
     color: theme.palette.text.secondary,
   },
-
   "& .CodeMirror .editor-preview-full": {
     backgroundColor: theme.palette.background.paper,
     color: theme.palette.text.primary,
     borderColor: theme.palette.divider,
   },
-
   "& .EasyMDEContainer": {
     position: "relative",
     zIndex: 1000,
@@ -73,45 +69,53 @@ const StyledMarkdownEditor = styled("div")(({ theme }) => ({
   },
 }));
 
-export const ReactMarkdownEditor = (props: SimpleMDEReactProps) => {
-  if (props.options)
-    props.options.toolbar = [
-      "bold",
-      "italic",
-      "strikethrough",
-      {
-        name: "Underline",
-        action: (editor: any) => {
-          const cm = editor.codemirror;
-          let output = "";
-          const selectedText = cm.getSelection();
-          const text = selectedText ?? "placeholder";
-
-          output = "<u>" + text + "</u>";
-          cm.replaceSelection(output);
+export const ReactMarkdownEditor = ({
+  options: incomingOptions,
+  ...restProps
+}: any) => {
+  const mergedOptions = useMemo(() => {
+    return {
+      ...incomingOptions,
+      forceSync: true,
+      spellChecker: false,
+      toolbar: [
+        "bold",
+        "italic",
+        "strikethrough",
+        {
+          name: "Underline",
+          action: (editor: any) => {
+            const cm = editor.codemirror;
+            const selectedText = cm.getSelection();
+            const text = selectedText || "placeholder";
+            const output = `<u>${text}</u>`;
+            cm.replaceSelection(output);
+          },
+          className: "fa fa-underline",
+          title: "Underline (Ctrl/Cmd-Alt-U)",
         },
-        className: "fa fa-underline", // Look for a suitable icon
-        title: "Underline (Ctrl/Cmd-Alt-U)",
-      },
-      "heading",
-      "quote",
-      "unordered-list",
-      "ordered-list",
-      "link",
-      "image",
-      "code",
-      "table",
-      "horizontal-rule",
-      "preview",
-      "fullscreen",
-      "guide",
-    ];
+        "heading",
+        "quote",
+        "unordered-list",
+        "ordered-list",
+        "link",
+        "image",
+        "code",
+        "table",
+        "horizontal-rule",
+        "preview",
+        "fullscreen",
+        "guide",
+      ],
+    };
+  }, []); // создаётся один раз
+
   return (
     <StyledMarkdownEditor
       className="my-markdown-editor"
       sx={{ marginTop: 1.5, marginBottom: 3 }}
     >
-      <SimpleMDE {...props} />
+      <SimpleMDE options={mergedOptions} {...restProps} />
     </StyledMarkdownEditor>
   );
 };

src/widgets/SightTabs/CreateInformationTab/index.tsx

@@ -40,7 +40,7 @@ export const CreateInformationTab = observer(
     const data = sight[language];
 
     const [, setCity] = useState<number>(sight.city_id ?? 0);
-    const [coordinates, setCoordinates] = useState<string>(`0 0`);
+    const [coordinates, setCoordinates] = useState<string>(`0, 0`);
 
     // Menu state for each media button
     const [menuAnchorEl, setMenuAnchorEl] = useState<null | HTMLElement>(null);
@@ -60,7 +60,7 @@ export const CreateInformationTab = observer(
     useEffect(() => {
       // Показывать только при инициализации (не менять при ошибках пользователя)
       if (sight.latitude !== 0 || sight.longitude !== 0) {
-        setCoordinates(`${sight.latitude} ${sight.longitude}`);
+        setCoordinates(`${sight.latitude}, ${sight.longitude}`);
       }
       // если координаты обнулились — оставить поле как есть
     }, [sight.latitude, sight.longitude]);

src/widgets/SightTabs/CreateRightTab/index.tsx

@@ -418,7 +418,7 @@ export const CreateRightTab = observer(
                       <Box sx={{ minHeight: 200, flexGrow: 1 }}>
                         <ReactMarkdownEditor
                           value={currentRightArticle.body}
-                          onChange={(mdValue) =>
+                          onChange={(mdValue: any) =>
                             activeArticleIndex !== null &&
                             updateRightArticleInfo(
                               activeArticleIndex,

src/widgets/SightTabs/InformationTab/index.tsx

@@ -42,7 +42,7 @@ export const InformationTab = observer(
     const { sight, updateSightInfo, updateSight } = editSightStore;
 
     const [, setCity] = useState<number>(sight.common.city_id ?? 0);
-    const [coordinates, setCoordinates] = useState<string>(`0 0`);
+    const [coordinates, setCoordinates] = useState<string>(`0, 0`);
 
     // Menu state for each media button
     const [menuAnchorEl, setMenuAnchorEl] = useState<null | HTMLElement>(null);
@@ -54,7 +54,7 @@ export const InformationTab = observer(
     useEffect(() => {
       // Показывать только при инициализации (не менять при ошибках пользователя)
       if (sight.common.latitude !== 0 || sight.common.longitude !== 0) {
-        setCoordinates(`${sight.common.latitude} ${sight.common.longitude}`);
+        setCoordinates(`${sight.common.latitude}, ${sight.common.longitude}`);
       }
       // если координаты обнулились — оставить поле как есть
     }, [sight.common.latitude, sight.common.longitude]);
@@ -178,10 +178,12 @@ export const InformationTab = observer(
                   label="Координаты"
                   value={coordinates}
                   onChange={(e) => {
-                    const input = e.target.value;
-                    setCoordinates(input); // показываем как есть
+                    const newValue = e.target.value;
+                    setCoordinates(newValue); // сохраняем ввод пользователя как есть
 
-                    const [latStr, lonStr] = input.split(/\s+/); // учитываем любые пробелы
+                    // Обрабатываем значение для сохранения
+                    const input = newValue.replace(/,/g, " ").trim();
+                    const [latStr, lonStr] = input.split(/\s+/);
 
                     const lat = parseFloat(latStr);
                     const lon = parseFloat(lonStr);
@@ -212,7 +214,7 @@ export const InformationTab = observer(
                   }}
                   fullWidth
                   variant="outlined"
-                  placeholder="Введите координаты в формате: широта долгота"
+                  placeholder="Введите координаты в формате: широта долгота (можно использовать запятые или пробелы)"
                 />
               </Box>