feat: Рефакторинг модальных окон для улучшения UX, добавление базового компонента Modal и улучшение структуры кода. Обновление компонентов HistoryModal, ImportModal, SettingsModal и WsUpdateModal для повышения читаемости и удобства использования.
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m41s

This commit is contained in:
2025-10-03 09:42:58 +07:00
parent 2ae26801c4
commit 41ef73376a
5 changed files with 561 additions and 363 deletions
+4 -1
View File
@@ -8,6 +8,7 @@ import { IconX } from '@tabler/icons-react';
function Modal({
show,
onClose,
onOpen, // колбэк при открытии модалки
title,
children,
footer,
@@ -27,6 +28,8 @@ function Modal({
document.body.classList.add('modal-open');
// Trap focus внутри модалки
modalRef.current?.focus();
// Вызов колбэка при открытии
onOpen?.();
} else {
document.body.classList.remove('modal-open');
}
@@ -34,7 +37,7 @@ function Modal({
return () => {
document.body.classList.remove('modal-open');
};
}, [show]);
}, [show, onOpen]);
// Обработка ESC
useEffect(() => {