hotfix admin panel

src/widgets/SightTabs/InformationTab/index.tsx

@@ -37,7 +37,8 @@ import { useEffect, useState } from "react";
 
 import { toast } from "react-toastify";
 
-// Мокап для всплывающей подсказки
+// Компонент предупреждающего окна (перенесен сюда)
+import { SaveWithoutCityAgree } from "@widgets";
 
 export const InformationTab = observer(
   ({ value, index }: { value: number; index: number }) => {
@@ -51,7 +52,6 @@ export const InformationTab = observer(
     const [, setCity] = useState<number>(sight.common.city_id ?? 0);
     const [coordinates, setCoordinates] = useState<string>(`0, 0`);
 
-    // Menu state for each media button
     const [menuAnchorEl, setMenuAnchorEl] = useState<null | HTMLElement>(null);
     const [activeMenuType, setActiveMenuType] = useState<
       "thumbnail" | "watermark_lu" | "watermark_rd" | "video_preview" | null
@@ -62,15 +62,15 @@ export const InformationTab = observer(
       "thumbnail" | "watermark_lu" | "watermark_rd" | "video_preview" | null
     >(null);
     const { cities } = cityStore;
+    // НОВОЕ СОСТОЯНИЕ ДЛЯ ПРЕДУПРЕЖДАЮЩЕГО ОКНА
+    const [isSaveWarningOpen, setIsSaveWarningOpen] = useState(false);
 
     useEffect(() => {}, [hardcodeType]);
 
     useEffect(() => {
-      // Показывать только при инициализации (не менять при ошибках пользователя)
       if (sight.common.latitude !== 0 || sight.common.longitude !== 0) {
         setCoordinates(`${sight.common.latitude}, ${sight.common.longitude}`);
       }
-      // если координаты обнулились — оставить поле как есть
     }, [sight.common.latitude, sight.common.longitude]);
 
     const handleMenuClose = () => {
@@ -119,6 +119,36 @@ export const InformationTab = observer(
       updateSightInfo(language, content, common);
     };
 
+    // НОВАЯ ФУНКЦИЯ: Фактическое сохранение (вызывается после подтверждения)
+    const executeSave = async () => {
+      await updateSight();
+      toast.success("Достопримечательность сохранена");
+    };
+
+    // ОБНОВЛЕННАЯ ФУНКЦИЯ: Проверка и вызов окна или сохранения
+    const handleSave = async () => {
+      const isCityMissing = !sight.common.city_id;
+      const isNameMissing = !sight[language].name;
+
+      if (isCityMissing || isNameMissing) {
+        setIsSaveWarningOpen(true);
+        return;
+      }
+
+      await executeSave();
+    };
+
+    // Обработчик "Да" в предупреждающем окне
+    const handleConfirmSave = async () => {
+      setIsSaveWarningOpen(false);
+      await executeSave();
+    };
+
+    // Обработчик "Нет" в предупреждающем окне
+    const handleCancelSave = () => {
+      setIsSaveWarningOpen(false);
+    };
+
     return (
       <>
         <TabPanel value={value} index={index}>
@@ -128,7 +158,7 @@ export const InformationTab = observer(
               flexDirection: "column",
               gap: 3,
               position: "relative",
-              paddingBottom: "70px" /* Space for save button */,
+              paddingBottom: "70px",
             }}
           >
             <div className="flex gap-10 items-center mb-5 max-w-[80%]">
@@ -141,12 +171,11 @@ export const InformationTab = observer(
               sx={{
                 display: "flex",
 
-                gap: 4, // Added gap between the two main columns
+                gap: 4,
                 width: "100%",
                 flexDirection: "column",
               }}
             >
-              {/* Left column with main fields */}
               <Box
                 sx={{
                   flexGrow: 1,
@@ -208,16 +237,14 @@ export const InformationTab = observer(
                   value={coordinates}
                   onChange={(e) => {
                     const newValue = e.target.value;
-                    setCoordinates(newValue); // сохраняем ввод пользователя как есть
+                    setCoordinates(newValue);
 
-                    // Обрабатываем значение для сохранения
                     const input = newValue.replace(/,/g, " ").trim();
                     const [latStr, lonStr] = input.split(/\s+/);
 
                     const lat = parseFloat(latStr);
                     const lon = parseFloat(lonStr);
 
-                    // Проверка, что обе координаты валидные числа
                     const isValidLat = !isNaN(lat);
                     const isValidLon = !isNaN(lon);
 
@@ -260,7 +287,7 @@ export const InformationTab = observer(
                     justifyContent: "space-around",
                     width: "80%",
                     gap: 2,
-                    flexDirection: { xs: "column", sm: "row" }, // Stack on extra small, side-by-side on small and up
+                    flexDirection: { xs: "column", sm: "row" },
                   }}
                 >
                   <ImageUploadCard
@@ -358,7 +385,7 @@ export const InformationTab = observer(
                   />
 
                   <VideoPreviewCard
-                    title="Видео превью"
+                    title="Видеозаставка"
                     videoId={sight.common.video_preview}
                     onVideoClick={handleVideoPreviewClick}
                     onDeleteVideoClick={() => {
@@ -372,12 +399,10 @@ export const InformationTab = observer(
                     }}
                     onSelectVideoClick={(file) => {
                       if (file) {
-                        // Если передан файл, открываем диалог загрузки медиа
                         editSightStore.setFileToUpload(file);
                         setActiveMenuType("video_preview");
                         setIsUploadMediaOpen(true);
                       } else {
-                        // Если файл не передан, открываем диалог выбора существующих медиа
                         setActiveMenuType("video_preview");
                         setIsAddMediaOpen(true);
                       }
@@ -387,31 +412,25 @@ export const InformationTab = observer(
               </Box>
             </Box>
 
-            {/* LanguageSwitcher positioned at the top right */}
-
             <LanguageSwitcher />
 
-            {/* Save Button fixed at the bottom right */}
             <Box
               sx={{
                 position: "absolute",
                 bottom: 0,
                 right: 0,
                 padding: 2,
-                backgroundColor: "background.paper", // To ensure it stands out over content
-                width: "100%", // Take full width to cover content below it
+                backgroundColor: "background.paper",
+                width: "100%",
                 display: "flex",
-                justifyContent: "flex-end", // Align to the right
+                justifyContent: "flex-end",
               }}
             >
               <Button
                 variant="contained"
                 color="success"
                 startIcon={<Save color="white" size={18} />}
-                onClick={async () => {
-                  await updateSight();
-                  toast.success("Достопримечательность сохранена");
-                }}
+                onClick={handleSave} // Используем новую функцию-обработчик
               >
                 Сохранить
               </Button>
@@ -419,7 +438,6 @@ export const InformationTab = observer(
           </Box>
         </TabPanel>
 
-        {/* Media Menu */}
         <MuiMenu
           anchorEl={menuAnchorEl}
           open={Boolean(menuAnchorEl)}
@@ -492,7 +510,6 @@ export const InformationTab = observer(
           mediaId={mediaId}
         />
 
-        {/* Модальное окно предпросмотра видео */}
         {sight.common.video_preview && sight.common.video_preview !== "" && (
           <Dialog
             open={isVideoPreviewOpen}
@@ -519,7 +536,17 @@ export const InformationTab = observer(
             </DialogActions>
           </Dialog>
         )}
+
+        {/* ИНТЕГРИРОВАННОЕ ПРЕДУПРЕЖДАЮЩЕЕ ОКНО */}
+        {isSaveWarningOpen && (
+          <SaveWithoutCityAgree
+            blocker={{
+              proceed: handleConfirmSave,
+              reset: handleCancelSave,
+            }}
+          />
+        )}
       </>
     );
   }
-);
+);