From 6a290832d6ca9583f063770c318657cf4ca7ed6a Mon Sep 17 00:00:00 2001 From: smanylov Date: Fri, 5 Dec 2025 14:55:05 +0700 Subject: [PATCH] adit header menu and dashboard --- src/app/pages/dashboard/page.tsx | 11 ++----- src/app/styles/dashboard.scss | 12 -------- src/app/styles/header.scss | 30 +++++--------------- src/app/ui/dashboard/activity-chart.tsx | 2 ++ src/app/ui/dashboard/protection-overview.tsx | 16 ++++------- src/app/ui/dashboard/recent-files-list.tsx | 2 ++ src/app/ui/dashboard/user-info.tsx | 2 ++ src/app/ui/header/headerPanel.tsx | 15 ---------- src/app/ui/header/userMenuButton.tsx | 25 ++++++++-------- 9 files changed, 33 insertions(+), 82 deletions(-) diff --git a/src/app/pages/dashboard/page.tsx b/src/app/pages/dashboard/page.tsx index 54fb001..a2c5ab8 100644 --- a/src/app/pages/dashboard/page.tsx +++ b/src/app/pages/dashboard/page.tsx @@ -22,17 +22,10 @@ export default function Page() {

Статистика

-
- - -
-
- - -
+ + - ); diff --git a/src/app/styles/dashboard.scss b/src/app/styles/dashboard.scss index 8477dd4..ebe34ca 100644 --- a/src/app/styles/dashboard.scss +++ b/src/app/styles/dashboard.scss @@ -163,12 +163,6 @@ } } -.extended-stats-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - gap: 20px; -} - .block-wrapper { background: white; border-radius: 20px; @@ -318,12 +312,6 @@ } } -.charts-section { - display: grid; - grid-template-columns: 2fr 1fr; - gap: 30px; -} - .chart-container { .chart-header { display: flex; diff --git a/src/app/styles/header.scss b/src/app/styles/header.scss index 0a76e91..2a820ad 100644 --- a/src/app/styles/header.scss +++ b/src/app/styles/header.scss @@ -1,6 +1,6 @@ .header { display: flex; - justify-content: space-between; + justify-content: end; align-items: center; margin-bottom: 30px; background: white; @@ -33,26 +33,6 @@ } } - - .search-bar { - display: flex; - align-items: center; - background: #f8f9fa; - border-radius: 20px; - padding: 10px 20px; - width: 300px; - transition: all 0.3s; - - input { - border: none; - outline: none; - flex: 1; - margin-left: 10px; - font-size: 14px; - background: transparent; - } - } - .notification-wrapper, .user-menu, .tokens-balance { @@ -201,6 +181,7 @@ font-weight: 600; cursor: pointer; transition: all 0.3s; + text-transform: uppercase; } .user-dropdown { @@ -227,6 +208,7 @@ font-weight: 600; font-size: 20px; flex-shrink: 0; + text-transform: uppercase; } .user-details { @@ -241,7 +223,8 @@ margin-bottom: 4px; } - .user-email { + .user-email, + .user-subscription-expire { font-size: 13px; color: #6b7280; margin-bottom: 8px; @@ -275,12 +258,13 @@ .subscription-badge { display: inline-block; - padding: 4px 10px; border-radius: 12px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; + background: #e6ebf1; + padding: 2px 5px; } .user-menu-footer { diff --git a/src/app/ui/dashboard/activity-chart.tsx b/src/app/ui/dashboard/activity-chart.tsx index 25f67ff..726f853 100644 --- a/src/app/ui/dashboard/activity-chart.tsx +++ b/src/app/ui/dashboard/activity-chart.tsx @@ -1,3 +1,5 @@ +/* removed */ + export default function ActivityChart() { return (
diff --git a/src/app/ui/dashboard/protection-overview.tsx b/src/app/ui/dashboard/protection-overview.tsx index 15c33cc..c553086 100644 --- a/src/app/ui/dashboard/protection-overview.tsx +++ b/src/app/ui/dashboard/protection-overview.tsx @@ -4,21 +4,17 @@ export default function ProtectionOverview() {

Защита вашего контента

Текущий статус защищенности и активности системы мониторинга

-
-
0
-
Файлов с водяными знаками
-
-
-
0
-
Высокий уровень защиты
-
0
Всего проверок
-
0%
-
Использовано лимитов
+
0
+
Файлов с водяными знаками
+
+
+
0 / 0
+
Использовано места на диске
diff --git a/src/app/ui/dashboard/recent-files-list.tsx b/src/app/ui/dashboard/recent-files-list.tsx index 53076c4..336320b 100644 --- a/src/app/ui/dashboard/recent-files-list.tsx +++ b/src/app/ui/dashboard/recent-files-list.tsx @@ -1,3 +1,5 @@ +/* removed */ + export default function RecentFilesList() { return (
diff --git a/src/app/ui/dashboard/user-info.tsx b/src/app/ui/dashboard/user-info.tsx index ca598d3..43e157f 100644 --- a/src/app/ui/dashboard/user-info.tsx +++ b/src/app/ui/dashboard/user-info.tsx @@ -1,3 +1,5 @@ +/* removed */ + export default function UserInfo() { return (
diff --git a/src/app/ui/header/headerPanel.tsx b/src/app/ui/header/headerPanel.tsx index dc586e1..d878c51 100644 --- a/src/app/ui/header/headerPanel.tsx +++ b/src/app/ui/header/headerPanel.tsx @@ -5,12 +5,6 @@ import Link from 'next/link'; export default function HeaderPanel() { return (
-
- - - - -
- - - - -
diff --git a/src/app/ui/header/userMenuButton.tsx b/src/app/ui/header/userMenuButton.tsx index 5483037..06e4d98 100644 --- a/src/app/ui/header/userMenuButton.tsx +++ b/src/app/ui/header/userMenuButton.tsx @@ -5,6 +5,7 @@ import { useClickOutside } from '@/app/hooks/useClickOutside'; import Link from 'next/link'; import { getUserData } from '@/app/lib/action'; import { useQuery } from '@tanstack/react-query'; +import { logout } from '@/app/actions/auth'; export default function UserMenuButton() { const [isOpen, setIsOpen] = useState(false); @@ -60,32 +61,23 @@ export default function UserMenuButton() { {userData?.email ? userData.email : ''}
+ Тариф: {userData?.subscriptionType ? userData.subscriptionType : ''} +
+ Истекает: 00.00.00
- - - - - Главная - Настройки - - - - - Мой контент - @@ -95,7 +87,14 @@ export default function UserMenuButton() {
- + { + e.preventDefault(); + logout(); + }} + >