feat: Add language and theme context providers to App component, implement global search functionality in Dashboard, and enhance ASNs, Domains, and IPRanges managers with drag-and-drop import feature and confirmation modals for improved user experience

2025-08-10 23:44:17 +07:00
parent ca56b52672
commit 1fb53c3467
8 changed files with 460 additions and 25 deletions
@@ -0,0 +1,51 @@
+import { useEffect, useState } from 'react';
+import axios from 'axios';
+import { IconHash, IconClock, IconFileText, IconRefresh } from '@tabler/icons-react';
+
+function S3MetaBar({ keys = [], className = '' }) {
+  const [meta, setMeta] = useState({});
+  const [loading, setLoading] = useState(false);
+
+  const fetchMeta = async () => {
+    setLoading(true);
+    try {
+      const res = await axios.get('/api/s3/last-modified');
+      setMeta(res.data || {});
+    } catch {
+      setMeta({});
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => { fetchMeta(); }, []);
+
+  const renderKey = (k) => {
+    const it = meta[k];
+    return (
+      <div key={k} className="d-flex align-items-center gap-2 flex-wrap">
+        <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center"><IconHash size={14} className="me-1" />{it?.etag || '—'}</span>
+        <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center"><IconClock size={14} className="me-1" />{it?.lastModified ? new Date(it.lastModified).toLocaleString() : '—'}</span>
+        <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center"><IconFileText size={14} className="me-1" />{typeof it?.contentLength === 'number' ? `${it.contentLength} байт` : '—'}</span>
+      </div>
+    );
+  };
+
+  return (
+    <div className={`card-footer ${className}`}>
+      <div className="d-flex align-items-center justify-content-between">
+        <div className="d-flex flex-column gap-1">
+          {keys.length === 0 ? renderKey('domainsNew') : keys.map(renderKey)}
+        </div>
+        <button className="btn btn-outline-secondary btn-sm" onClick={fetchMeta} disabled={loading}>
+          <IconRefresh className={loading ? 'spin' : ''} />
+          <span className="ms-1">Обновить</span>
+        </button>
+      </div>
+    </div>
+  );
+}
+
+export default S3MetaBar;
+
+