From a7549ff164a412302d77b83bf3bdde04ac12c3b7 Mon Sep 17 00:00:00 2001 From: Denis Shatskiy Date: Fri, 8 Aug 2025 12:28:23 +0700 Subject: [PATCH] feat: Simplify MainLayout by removing unused icons and notifications, streamlining the navbar for a cleaner user interface --- frontend/src/App.jsx | 88 +++++++------------------------------------- 1 file changed, 14 insertions(+), 74 deletions(-) diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index 66e8490..d494f8f 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -6,23 +6,11 @@ import { IconNetwork, IconSettings, IconHome, - IconFileText, - IconCloud, - IconShield, - IconActivity, - IconBell, - IconChevronDown, - IconUser, IconDatabase, - IconAlertTriangle, - IconAlertCircle, IconServer, IconFilter, IconDownload, - IconCreditCard, - IconMoon, - IconHeart, - IconCode + IconCreditCard } from '@tabler/icons-react'; import ServerManager from './ServerManager'; import FilterManager from './FilterManager'; @@ -53,17 +41,13 @@ function App() { function MainLayout() { const location = useLocation(); - const [notifications] = useState([ - { id: 1, title: 'Новый домен добавлен', message: 'example.com был добавлен в список', time: '2 мин назад' }, - { id: 2, title: 'Изменения сохранены', message: 'Список AS обновлен в S3', time: '5 мин назад' } - ]); + // Навбар стал лаконичным: без неиспользуемых уведомлений/иконок // Состояние для управления выпадающими меню const [dropdownStates, setDropdownStates] = useState({ data: false, management: false, - tools: false, - settings: false + tools: false }); // Закрытие всех выпадающих меню при клике вне их области @@ -73,8 +57,7 @@ function MainLayout() { setDropdownStates({ data: false, management: false, - tools: false, - settings: false + tools: false }); } }; @@ -91,8 +74,7 @@ function MainLayout() { const newState = { data: false, management: false, - tools: false, - settings: false + tools: false }; // Открываем только выбранное меню, если оно было закрыто if (!prev[dropdown]) { @@ -138,13 +120,7 @@ function MainLayout() { { id: 'auto-urls', title: 'Авто URL', path: '/auto-urls', icon: IconDownload } ] }, - { - id: 'settings', - title: 'Настройки', - icon: IconSettings, - path: '/settings', - single: true - } + // Убрали неиспользуемые/неработающие разделы ]; // Определяем активную вкладку по адресу @@ -233,50 +209,14 @@ function MainLayout() { - {/* Правая часть навбара */} -
- {/* Иконки */} -
- - - -
-
- - - -
-
- - - -
-
- - - -
-
- - - -
-
- - - - -
- - {/* Пользователь */} -
- - -
-
Admin User
-
Administrator
-
-
+ {/* Правая часть навбара (минимальная) */} +
+
+ +
+
Admin User
+
Administrator
+