From 8d0c28de924a5b409333ca1059ee5b0d9760f0c8 Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Wed, 27 Aug 2025 15:39:10 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D1=82=D1=8C=20=D1=80=D0=B5=D0=BD=D0=B4=D0=B5=D1=80=D0=B8=D0=BD?=
 =?UTF-8?q?=D0=B3=20=D0=BF=D0=BB=D0=B5=D0=B9=D1=81=D1=85=D0=BE=D0=BB=D0=B4?=
 =?UTF-8?q?=D0=B5=D1=80=D0=BE=D0=B2=20=D0=B2=D0=BE=20=D0=B2=D1=80=D0=B5?=
 =?UTF-8?q?=D0=BC=D1=8F=20=D0=B7=D0=B0=D0=B3=D1=80=D1=83=D0=B7=D0=BA=D0=B8?=
 =?UTF-8?q?=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=8B=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D1=83=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D1=8F=20=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BB=D1=8C=D1=81=D0=BA=D0=BE=D0=B3=D0=BE=20=D0=B8=D0=BD?=
 =?UTF-8?q?=D1=82=D0=B5=D1=80=D1=84=D0=B5=D0=B9=D1=81=D0=B0=20=D0=B8=20?=
 =?UTF-8?q?=D0=B8=D0=BD=D1=84=D0=BE=D1=80=D0=BC=D0=B8=D1=80=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=BE=20=D1=81=D0=BE=D1=81=D1=82?=
 =?UTF-8?q?=D0=BE=D1=8F=D0=BD=D0=B8=D0=B8=20=D0=B7=D0=B0=D0=B3=D1=80=D1=83?=
 =?UTF-8?q?=D0=B7=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/PageHeaderActions.jsx | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/frontend/src/components/PageHeaderActions.jsx b/frontend/src/components/PageHeaderActions.jsx
index 5615429..3dc1406 100644
--- a/frontend/src/components/PageHeaderActions.jsx
+++ b/frontend/src/components/PageHeaderActions.jsx
@@ -28,6 +28,37 @@ function PageHeaderActions({
   onOnlineUpdate,
   onBackgroundUpdate,
 }) {
+  // Рендер плейсхолдеров во время загрузки/перезагрузки страницы
+  if (loading) {
+    const showUpdateGroup = Boolean(onBackgroundUpdate || onOnlineUpdate);
+    const placeholderBtn = (width = 120) => (
+      <span
+        className="btn disabled placeholder me-2"
+        style={{ height: 38, width }}
+        aria-hidden="true"
+      />
+    );
+    return (
+      <div className="header-actions" role="toolbar" aria-label="Действия страницы (загрузка)">
+        <div className="btn-group">
+          {showUpdateGroup && (
+            <div className="btn-group">
+              {placeholderBtn(170)}
+            </div>
+          )}
+        </div>
+        <span className="vr d-none d-lg-inline" />
+        <div className="btn-group">
+          {onRefresh && placeholderBtn(120)}
+          {(onImport || onExport) && placeholderBtn(160)}
+          {onClear && placeholderBtn(130)}
+          {onClearCommunities && placeholderBtn(180)}
+          {onSave && placeholderBtn(140)}
+          {onHistory && placeholderBtn(110)}
+        </div>
+      </div>
+    );
+  }
   return (
     <div className="header-actions" role="toolbar" aria-label="Действия страницы">
       <div className="btn-group">