feat: Добавить уведомления об успешных мутациях и глобальные горячие клавиши для сохранения изменений в менеджерах ASNs, Domains и IPRanges

2025-08-27 16:57:40 +07:00
parent 8d0c28de92
commit 3358b8daed
5 changed files with 101 additions and 42 deletions
@@ -0,0 +1,33 @@
+import { IconAlertTriangle, IconX } from '@tabler/icons-react';
+
+function ErrorAlert({ message, details, onClose }) {
+  if (!message) return null;
+  return (
+    <div className="alert alert-danger alert-dismissible" role="alert">
+      <div className="d-flex">
+        <div>
+          <IconAlertTriangle className="icon alert-icon" />
+        </div>
+        <div className="flex-grow-1">
+          {String(message)}
+          {details ? (
+            <details className="small mt-1">
+              <summary>Показать детали</summary>
+              <pre className="mb-0 mt-1" style={{ whiteSpace: 'pre-wrap' }}>
+                {typeof details === 'string' ? details : JSON.stringify(details, null, 2)}
+              </pre>
+            </details>
+          ) : null}
+        </div>
+      </div>
+      <button type="button" className="btn-close" onClick={onClose} aria-label="Закрыть">
+        <IconX size={16} />
+      </button>
+    </div>
+  );
+}
+
+export default ErrorAlert;
+
+
+