Версия 1.1.5 Скроллинг вверх в списке статей после сохранения при редактировании.

package.json

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

src/components/ArticleForm.tsx

@@ -54,6 +54,7 @@ interface ArticleFormProps {
   authors: Author[];
   availableCategoryIds: number[];
   availableCityIds: number[];
+  onAfterSave?: () => void; // Новый пропс для колбэка после сохранения
 }
 
 export function ArticleForm({
@@ -66,6 +67,7 @@ export function ArticleForm({
                               authors,
                               availableCategoryIds,
                               availableCityIds,
+                              onAfterSave,
                             }: ArticleFormProps) {
   const { user } = useAuthStore();
   const isAdmin = user?.permissions.isAdmin || false;
@@ -278,6 +280,11 @@ export function ArticleForm({
     try {
       setIsSubmitting(true);
       await onSubmit(articleData, closeForm);
+
+      // Вызываем колбэк после успешного сохранения
+      if (closeForm && onAfterSave) {
+        onAfterSave();
+      }
     } catch (error) {
       console.error('Ошибка при сохранении статьи:', error);
       setError('Не удалось сохранить статью. Пожалуйста, попробуйте снова.');

src/components/ArticleList.tsx

@@ -17,6 +17,7 @@ interface ArticleListProps {
   onShowGallery: (id: string) => void;
   onNewArticle: () => void;
   refreshTrigger: number;
+  scrollToTop?: () => void; // Добавляем новый пропс
 }
 
 const ARTICLES_PER_PAGE = 6;
@@ -29,6 +30,7 @@ export const ArticleList = React.memo(function ArticleList({
   onShowGallery,
   onNewArticle,
   refreshTrigger,
+  scrollToTop,
 }: ArticleListProps) {
   const { user } = useAuthStore();
   const { availableCategoryIds, availableCityIds, isAdmin } = usePermissions();
@@ -144,6 +146,12 @@ export const ArticleList = React.memo(function ArticleList({
     setSearchParams(newParams);
   };
 
+  // Обработчик редактирования статьи
+  const handleEditClick = (articleId: string) => {
+    onEdit(articleId);
+    scrollToTop?.();
+  };
+
   const hasNoPermissions = availableCategoryIds.length === 0 || availableCityIds.length === 0;
 
   return (
@@ -270,7 +278,7 @@ export const ArticleList = React.memo(function ArticleList({
                       {article.isActive ? <ToggleRight size={18} /> : <ToggleLeft size={18} />}
                     </button>
                     <button
-                      onClick={() => onEdit(article.id)}
+                      onClick={() => handleEditClick(article.id)}
                       className="p-2 text-gray-400 hover:text-blue-600 rounded-full hover:bg-blue-50"
                     >
                       <Pencil size={18} />

src/pages/AdminPage.tsx

@@ -204,6 +204,11 @@ export function AdminPage() {
     setShowForm(true);
   };
 
+  // Функция для скроллинга к списку статей
+  const scrollToArticlesList = () => {
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  };
+
   return (
       <div className="min-h-screen bg-gray-50">
         <Header />
@@ -248,6 +253,7 @@ export function AdminPage() {
                 onShowGallery={(id) => setShowGalleryModal(id)}
                 onNewArticle={handleNewArticle}
                 refreshTrigger={refreshArticles}
+                scrollToTop={scrollToArticlesList} // Передаем функцию скроллинга
             />
           )}
           {(viewMode === 'create' || viewMode === 'edit') && showForm && (
@@ -261,6 +267,7 @@ export function AdminPage() {
                   authors={authors}
                   availableCategoryIds={availableCategoryIds}
                   availableCityIds={availableCityIds}
+                  onAfterSave={scrollToArticlesList} // Передаем функцию скроллинга напрямую
               />
           )}
           {showGalleryModal && (