Версия 1.2.8 Изменения в мобильном меню - закрытие меню при выборе.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-react-typescript-starter",
   "private": true,
-  "version": "1.2.7",
+  "version": "1.2.8",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/Header/MobileMenu.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import { CityTitles, CategoryTitles } from '../../types';
 
@@ -9,6 +9,7 @@ interface MobileMenuProps {
   currentCategory: string | null;
   currentCity: string | null;
   onCityChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+  onClose: () => void;
 }
 
 export function MobileMenu({ 
@@ -17,8 +18,19 @@ export function MobileMenu({
   cities, 
   currentCategory, 
   currentCity, 
-  onCityChange 
+  onCityChange,
+  onClose
 }: MobileMenuProps) {
+
+  // Блокируем прокрутку body при открытом меню
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = '';
+    }
+  }, [isOpen]);
+
   if (!isOpen) return null;
 
   return (
@@ -47,6 +59,7 @@ export function MobileMenu({
               <Link
                 key={category}
                 to={`/?category=${category}${currentCity ? `&city=${currentCity}` : ''}`}
+                onClick={onClose} // закрываем меню при клике
                 className={`block px-3 py-2 rounded-md text-base font-medium ${
                   Number(currentCategory) === category
                     ? 'bg-blue-50 text-blue-600'

src/components/Header/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Menu, X, Bookmark } from 'lucide-react';
 import { Link, useLocation } from 'react-router-dom';
 import { Logo } from './Logo';
@@ -18,6 +18,11 @@ export function Header() {
   const currentCity = searchParams.get('city');
   const { bookmarks } = useBookmarkStore();
 
+  // Автоматическое закрытие меню при изменении маршрута
+  useEffect(() => {
+    setIsMobileMenuOpen(false);
+  }, [location]);
+
   const handleCityChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
     const city = event.target.value;
     const params = new URLSearchParams(location.search);
@@ -116,6 +121,7 @@ export function Header() {
         currentCategory={currentCategory}
         currentCity={currentCity}
         onCityChange={handleCityChange}
+        onClose={() => setIsMobileMenuOpen(false)}
       />
     </header>
   );

src/pages/ArticlePage.tsx

@@ -46,6 +46,11 @@ export function ArticlePage() {
       try {
         const response = await axios.get(`/api/articles/${id}`);
         setArticleData(response.data);
+
+        // Сообщаем react-snap, что страница готова
+        //if (window.snapSaveState) {
+        //  window.snapSaveState();
+        //}
       } catch (error) {
         setError('Не удалось загрузить статью');
         console.error(error);