feat: Рефакторинг модальных окон для улучшения UX, добавление базового компонента Modal и улучшение структуры кода. Обновление компонентов HistoryModal, ImportModal, SettingsModal и WsUpdateModal для повышения читаемости и удобства использования.
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m41s
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m41s
This commit is contained in:
@@ -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(() => {
|
||||
|
||||
Reference in New Issue
Block a user