From ca56b52672b75f32569984e32b8eb36ea94db7c6 Mon Sep 17 00:00:00 2001
From: Denis Shatskiy <admin@shts.su>
Date: Sun, 10 Aug 2025 23:33:09 +0700
Subject: [PATCH] refactor: Move ETag, Last-Modified, and content length
 display to a consistent location in ASNs and IPRanges managers for improved
 layout and user experience

---
 frontend/src/ASNsNewManager.jsx  | 30 +++++++++++++++---------------
 frontend/src/IPRangesManager.jsx | 30 +++++++++++++++---------------
 2 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/frontend/src/ASNsNewManager.jsx b/frontend/src/ASNsNewManager.jsx
index 17b78aa..f8eca32 100644
--- a/frontend/src/ASNsNewManager.jsx
+++ b/frontend/src/ASNsNewManager.jsx
@@ -501,21 +501,6 @@ function ASNsNewManager() {
                 </div>
               </div>
             </div>
-            {(etag || lastModified || contentLength !== null) && (
-              <div className="card-footer">
-                <div className="d-flex flex-wrap gap-2 align-items-center small">
-                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
-                    <IconHash size={14} className="me-1" /> {etag || '—'}
-                  </span>
-                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
-                    <IconClock size={14} className="me-1" /> {lastModified || '—'}
-                  </span>
-                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
-                    <IconFileText size={14} className="me-1" /> {(contentLength ?? '—') + (contentLength !== null ? ' байт' : '')}
-                  </span>
-                </div>
-              </div>
-            )}
             <div className="table-responsive">
               <table className="table card-table table-vcenter table-nowrap mb-0">
                 <thead>
@@ -609,6 +594,21 @@ function ASNsNewManager() {
                 </ul>
               </div>
             )}
+            {(etag || lastModified || contentLength !== null) && (
+              <div className="card-footer">
+                <div className="d-flex flex-wrap gap-2 align-items-center small">
+                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
+                    <IconHash size={14} className="me-1" /> {etag || '—'}
+                  </span>
+                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
+                    <IconClock size={14} className="me-1" /> {lastModified || '—'}
+                  </span>
+                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
+                    <IconFileText size={14} className="me-1" /> {(contentLength ?? '—') + (contentLength !== null ? ' байт' : '')}
+                  </span>
+                </div>
+              </div>
+            )}
           </div>
         </div>
       </div>
diff --git a/frontend/src/IPRangesManager.jsx b/frontend/src/IPRangesManager.jsx
index d0af55a..8dac85c 100644
--- a/frontend/src/IPRangesManager.jsx
+++ b/frontend/src/IPRangesManager.jsx
@@ -516,21 +516,6 @@ function IPRangesManager() {
                 </div>
               </div>
             </div>
-            {(etag || lastModified || contentLength !== null) && (
-              <div className="card-footer">
-                <div className="d-flex flex-wrap gap-2 align-items-center small">
-                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
-                    <IconHash size={14} className="me-1" /> {etag || '—'}
-                  </span>
-                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
-                    <IconClock size={14} className="me-1" /> {lastModified || '—'}
-                  </span>
-                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
-                    <IconFileText size={14} className="me-1" /> {(contentLength ?? '—') + (contentLength !== null ? ' байт' : '')}
-                  </span>
-                </div>
-              </div>
-            )}
             <div className="table-responsive">
               <table className="table card-table table-vcenter table-nowrap mb-0">
                 <thead>
@@ -629,6 +614,21 @@ function IPRangesManager() {
                 </ul>
               </div>
             )}
+            {(etag || lastModified || contentLength !== null) && (
+              <div className="card-footer">
+                <div className="d-flex flex-wrap gap-2 align-items-center small">
+                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
+                    <IconHash size={14} className="me-1" /> {etag || '—'}
+                  </span>
+                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
+                    <IconClock size={14} className="me-1" /> {lastModified || '—'}
+                  </span>
+                  <span className="badge bg-blue-lt text-blue d-inline-flex align-items-center">
+                    <IconFileText size={14} className="me-1" /> {(contentLength ?? '—') + (contentLength !== null ? ' байт' : '')}
+                  </span>
+                </div>
+              </div>
+            )}
           </div>
         </div>
       </div>