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

This commit is contained in:
anibilag 2025-10-22 18:56:57 +03:00
parent 915b8274a6
commit d6b4bfdb2c
4 changed files with 26 additions and 4 deletions

View File

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

View File

@ -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('Не удалось сохранить статью. Пожалуйста, попробуйте снова.');

View File

@ -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 (
@ -269,8 +277,8 @@ export const ArticleList = React.memo(function ArticleList({
>
{article.isActive ? <ToggleRight size={18} /> : <ToggleLeft size={18} />}
</button>
<button
onClick={() => onEdit(article.id)}
<button
onClick={() => handleEditClick(article.id)}
className="p-2 text-gray-400 hover:text-blue-600 rounded-full hover:bg-blue-50"
>
<Pencil size={18} />

View File

@ -1,4 +1,4 @@
import {useState, useEffect, useCallback } from 'react';
import { useState, useEffect, useCallback } from 'react';
import axios from 'axios';
import { Header } from '../components/Header';
import { ArticleList } from '../components/ArticleList';
@ -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 && (