feat: Удаление устаревших файлов документации и оптимизация структуры проекта. Упрощение кода и улучшение читаемости за счет удаления ненужных компонентов и отчетов, что способствует более эффективному управлению проектом.

2025-10-03 09:30:53 +07:00
parent a4bd1ab1d4
commit 2ae26801c4
18 changed files with 417 additions and 6528 deletions
@@ -1,41 +1,67 @@
-import { useEffect, useRef } from 'react'
+import Modal from './Modal';
+import { IconAlertTriangle } from '@tabler/icons-react';
+
+/**
+ * ConfirmDialog - упрощённая версия ConfirmModal для быстрых подтверждений
+ * Рефакторинг: теперь использует базовый Modal компонент
+ */
+export default function ConfirmDialog({ 
+  open, 
+  title = 'Подтверждение', 
+  message, 
+  confirmText = 'Подтвердить', 
+  cancelText = 'Отмена', 
+  onConfirm, 
+  onCancel, 
+  destructive = false, 
+  size = 'sm',
+  loading = false
+}) {
+  const handleConfirm = () => {
+    onConfirm?.();
+  };

-export default function ConfirmDialog({ open, title, message, confirmText = 'Подтвердить', cancelText = 'Отмена', onConfirm, onCancel, destructive = false, size = 'md' }) {
-  const ref = useRef(null)
-  useEffect(() => {
-    if (open && ref.current) {
-      try { ref.current.querySelector('button[data-primary]')?.focus() } catch {}
-    }
-  }, [open])
-  if (!open) return null
  return (
-    <div className="modal show d-block" role="dialog" aria-modal="true" aria-labelledby="confirm-title" aria-describedby="confirm-message" style={{ backgroundColor: 'rgba(0,0,0,0.5)' }} onKeyDown={(e) => { if (e.key === 'Escape') onCancel?.() }}>
-      <div className={`modal-dialog ${size === 'sm' ? 'modal-sm' : size === 'lg' ? 'modal-lg' : ''}`} role="document">
-        <div className="modal-content" ref={ref} tabIndex={-1} onKeyDown={(e) => {
-          if (e.key === 'Tab') {
-            const focusable = ref.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')
-            if (!focusable || focusable.length === 0) return
-            const first = focusable[0]
-            const last = focusable[focusable.length - 1]
-            if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }
-            else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }
-          }
-        }}>
-          <div className="modal-header">
-            <h5 id="confirm-title" className="modal-title">{title || 'Подтверждение'}</h5>
-            <button type="button" className="btn-close" aria-label="Close" onClick={onCancel}></button>
-          </div>
-          <div className="modal-body">
-            <p id="confirm-message" className="m-0">{message}</p>
-          </div>
-          <div className="modal-footer">
-            <button type="button" className="btn btn-secondary" onClick={onCancel}>{cancelText}</button>
-            <button type="button" className={`btn ${destructive ? 'btn-danger' : 'btn-primary'}`} data-primary onClick={onConfirm}>{confirmText}</button>
+    <Modal
+      show={open}
+      onClose={onCancel}
+      title={title}
+      size={size}
+      centered
+      footer={
+        <>
+          <button 
+            type="button" 
+            className="btn btn-secondary" 
+            onClick={onCancel}
+            disabled={loading}
+          >
+            {cancelText}
+          </button>
+          <button 
+            type="button" 
+            className={`btn ${destructive ? 'btn-danger' : 'btn-primary'}`}
+            onClick={handleConfirm}
+            disabled={loading}
+          >
+            {loading && (
+              <span className="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true" />
+            )}
+            {confirmText}
+          </button>
+        </>
+      }
+    >
+      <div className="d-flex align-items-start">
+        {destructive && (
+          <div className="flex-shrink-0 me-3">
+            <IconAlertTriangle className="text-danger" size={32} />
          </div>
+        )}
+        <div className="flex-grow-1">
+          <p className="mb-0">{message}</p>
        </div>
      </div>
-    </div>
-  )
+    </Modal>
+  );
 }
-
-