From 3587a7aa96bcf16136b470f7a2174964fbaaaa97 Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Mon, 16 Feb 2026 19:55:47 +0700
Subject: [PATCH] refactor(FilterManager): simplify layout by removing
 unnecessary elements and enhancing button handling for server actions

---
 frontend/src/FilterManager.jsx | 130 +++------------------------------
 1 file changed, 11 insertions(+), 119 deletions(-)

diff --git a/frontend/src/FilterManager.jsx b/frontend/src/FilterManager.jsx
index b28c943..db95e7d 100644
--- a/frontend/src/FilterManager.jsx
+++ b/frontend/src/FilterManager.jsx
@@ -1755,130 +1755,13 @@ function FilterManager() {
 
 
   return (
-    <div className="page-wrapper">
+    <div>
       <PageHeader
         title="Управление фильтрами frouting"
         icon={<IconFilter size={24} />}
-        actions={
-          <div className="btn-list">
-            <div className="dropdown">
-              <button
-                className="btn btn-primary dropdown-toggle"
-                type="button"
-                data-bs-toggle="dropdown"
-                aria-expanded="false"
-              >
-                <IconServer className="icon" />
-                {selectedServer ? selectedServer.name : 'Выбрать сервер'}
-              </button>
-              <div className="dropdown-menu dropdown-menu-end" style={{ minWidth: '300px' }}>
-                <div className="px-3 py-2">
-                  <input
-                    type="text"
-                    className="form-control form-control-sm"
-                    placeholder="Поиск серверов..."
-                    value={serverSearch}
-                    onChange={(e) => setServerSearch(e.target.value)}
-                    onClick={(e) => e.stopPropagation()}
-                  />
-                </div>
-                <div className="dropdown-divider"></div>
-                {activeServers.length > 0 && (
-                  <>
-                    <h6 className="dropdown-header">Активные серверы</h6>
-                    {activeServers.map(server => (
-                      <a
-                        key={server.id}
-                        className={`dropdown-item ${selectedServer?.id === server.id ? 'active' : ''}`}
-                        href="#"
-                        onClick={(e) => {
-                          e.preventDefault();
-                          setSelectedServer(server);
-                        }}
-                      >
-                        <div className="d-flex align-items-center">
-                          <IconServer size={16} className="me-2" />
-                          <span className="flex-grow-1">{server.name}</span>
-                        </div>
-                      </a>
-                    ))}
-                  </>
-                )}
-                {inactiveServers.length > 0 && (
-                  <>
-                    <div className="dropdown-divider"></div>
-                    <h6 className="dropdown-header">Неактивные серверы</h6>
-                    {inactiveServers.map(server => (
-                      <a
-                        key={server.id}
-                        className={`dropdown-item ${selectedServer?.id === server.id ? 'active' : ''}`}
-                        href="#"
-                        onClick={(e) => {
-                          e.preventDefault();
-                          setSelectedServer(server);
-                        }}
-                      >
-                        <div className="d-flex align-items-center text-muted">
-                          <IconServer size={16} className="me-2" />
-                          <span className="flex-grow-1">{server.name}</span>
-                        </div>
-                      </a>
-                    ))}
-                  </>
-                )}
-                <div className="dropdown-divider"></div>
-                <button
-                  className="dropdown-item"
-                  onClick={() => setServerListModalOpen(true)}
-                >
-                  <IconSettings size={16} className="me-2" />
-                  Управление серверами
-                </button>
-              </div>
-            </div>
-            {selectedServer && (
-              <>
-                <button
-                  className="btn btn-outline-primary"
-                  onClick={handlePreviewConfig}
-                  disabled={serverFilters.length === 0}
-                >
-                  <IconEye className="icon" />
-                  Просмотр
-                </button>
-                <button
-                  className="btn btn-outline-primary"
-                  onClick={copyConfigToClipboard}
-                  disabled={serverFilters.length === 0}
-                >
-                  <IconCopy className="icon" />
-                  Копировать
-                </button>
-                <button
-                  className="btn btn-success"
-                  onClick={() => handleSaveServerConfig(selectedServer.id)}
-                  disabled={loading || serverFilters.length === 0}
-                >
-                  <IconDeviceFloppy className="icon" />
-                  Сохранить
-                </button>
-                <button
-                  className="btn btn-outline-primary"
-                  onClick={handleBgpUpdate}
-                  disabled={bgpUpdateLoading}
-                  title="Запустить /system script run update_bgp_filter на выбранном MikroTik"
-                >
-                  <IconRefresh className={`icon ${bgpUpdateLoading ? 'spin' : ''}`} />
-                  {bgpUpdateLoading ? 'Запуск...' : 'Обновить BGP фильтры'}
-                </button>
-              </>
-            )}
-          </div>
-        }
       />
 
-      <div className="page-body">
-        <div className="container-xl">
+      <div>
             {/* Уведомления */}
             {error && (
               <div className="alert alert-danger alert-dismissible" role="alert">
@@ -1977,6 +1860,15 @@ function FilterManager() {
                           <IconDeviceFloppy className="icon" />
                           Сохранить
                         </button>
+                        <button
+                          className="btn btn-outline-primary"
+                          onClick={handleBgpUpdate}
+                          disabled={!selectedServer || bgpUpdateLoading}
+                          title="Запустить /system script run update_bgp_filter на выбранном MikroTik"
+                        >
+                          <IconRefresh className={`icon ${bgpUpdateLoading ? 'spin' : ''}`} />
+                          {bgpUpdateLoading ? 'Запуск...' : 'Обновить BGP фильтры'}
+                        </button>
                       </div>
                     </div>