added many images in post

src/components/MainFeed.jsx

@@ -6,6 +6,7 @@ import Sidebar from "./Sidebar";
 import RightSidebar from "./RightSidebar";
 import PostOnFeed from "./PostOnFeed";
 import CreateUpdatePost from "./CreateUpdatePost";
+import ImageViewer from "./ImageViewer";
 import MenuIcon from "./icons/MenuIcon";
 import ProfileAvatar from "./profile/ProfileAvatar";
 import { ProfileModal } from "./profile";
@@ -44,6 +45,8 @@ export default function MainFeed() {
   const [authModalOpen, setAuthModalOpen] = useState(false);
   // Открыто ли модальное окно правил площадки
   const [rulesModalOpen, setRulesModalOpen] = useState(false);
+  // Просмотр изображений: null — закрыто, { images, index } — открыто
+  const [viewerData, setViewerData] = useState(null);
   // Массив объявлений из API (основная лента)
   const [ads, setAds]                 = useState([]);
   // Объявления текущего пользователя (загружаются отдельно по userId)
@@ -193,6 +196,12 @@ export default function MainFeed() {
   const handleNewAd    = useCallback(() => { loadFeed(); loadMyPosts(); }, [loadFeed, loadMyPosts]);
   const handleEditSave = useCallback(() => { loadFeed(); loadMyPosts(); }, [loadFeed, loadMyPosts]);
 
+  const handleImageClick = useCallback((images, index) => {
+    if (images?.length) {
+      setViewerData({ images, index });
+    }
+  }, []);
+
   /**
    * Обработчик нажатия «Разместить объявление».
    * Если пользователь не авторизован — открывает модалку входа.
@@ -301,6 +310,7 @@ export default function MainFeed() {
             onDelete={activeNav === "Мои объявления" ? handleDelete : undefined}
             onMarkFound={activeNav === "Мои объявления" ? handleMarkFound : undefined}
             isOwner={activeNav === "Мои объявления"}
+            onImageClick={handleImageClick}
         />
     ));
   };
@@ -411,6 +421,15 @@ export default function MainFeed() {
         {rulesModalOpen && (
             <RulesModal onClose={() => setRulesModalOpen(false)} />
         )}
+
+        {/* Просмотр изображений */}
+        {viewerData && (
+            <ImageViewer
+                images={viewerData.images}
+                initialIndex={viewerData.index}
+                onClose={() => setViewerData(null)}
+            />
+        )}
       </div>
   );
 }