diff --git a/src/app/[locale]/pages/page.tsx b/src/app/[locale]/pages/page.tsx index 5171565..7ad80bd 100644 --- a/src/app/[locale]/pages/page.tsx +++ b/src/app/[locale]/pages/page.tsx @@ -1,6 +1,6 @@ -import DashboardGeneralInfo from '@/app/ui/dashboard-general-info'; -import UsersTop from '@/app/ui/users-top'; -import SubscriptionsStatistic from '@/app/ui/subscriptions-statistic'; +import DashboardGeneralInfo from '@/app/ui/dashboard/dashboard-general-info'; +import UsersTop from '@/app/ui/dashboard/users-top'; +import SubscriptionsStatistic from '@/app/ui/dashboard/subscriptions-statistic'; export default function Page() { return (
diff --git a/src/app/styles/global-styles.scss b/src/app/styles/global-styles.scss index 356ddda..03aa1f3 100644 --- a/src/app/styles/global-styles.scss +++ b/src/app/styles/global-styles.scss @@ -311,13 +311,12 @@ } .dashboard-general-info { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); - gap: 20px; - margin-bottom: 24px; + margin-bottom: 20px; } .users-top { + margin-bottom: 20px; + &-user { font-weight: 500; } @@ -464,9 +463,14 @@ } } +.stats-title { + font-size: 18px; + margin-bottom: 10px; +} + .stats-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); + grid-template-columns: repeat(4, minmax(240px, 1fr)); gap: 20px; margin-bottom: 24px; @@ -483,11 +487,15 @@ transform: translateY(-2px); } - .stat-card-header { + .stat-card-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; + + &:last-child { + margin-bottom: 0; + } } .stat-card-title { @@ -498,7 +506,7 @@ letter-spacing: 0.5px; } - .stat-card-icon { + .stat-card-value { width: 40px; height: 40px; border-radius: 10px; @@ -510,12 +518,12 @@ background: #eff6ff; } - .stat-card-value { +/* .stat-card-value { font-size: 32px; font-weight: 700; color: var(--text-primary); margin-bottom: 4px; - } + } */ .stat-card-label { font-size: 12px; diff --git a/src/app/ui/admin-header-panel.tsx b/src/app/ui/admin-header-panel.tsx index 127112e..3019a9a 100644 --- a/src/app/ui/admin-header-panel.tsx +++ b/src/app/ui/admin-header-panel.tsx @@ -8,7 +8,7 @@ export default function AdminHeaderPanel() {

Панель администратора

- + {/* */}
+ diff --git a/src/app/ui/dashboard-general-info.tsx b/src/app/ui/dashboard-general-info.tsx deleted file mode 100644 index fd58495..0000000 --- a/src/app/ui/dashboard-general-info.tsx +++ /dev/null @@ -1,140 +0,0 @@ -export default function DashboardGeneralInfo() { - return ( -
-
-
- Всего пользователей -
-
-
0
-
Зарегистрировано в системе
-
- Активных за месяц: 0
-
- -
-
- Активные подписчики -
-
-
0
-
Платные подписки
-
- Конверсия: 0% -
-
- -
-
- Защищенный контент -
-
-
0
-
Файлов защищено
-
- Всего файлов: 0
-
- -
-
- Нарушения -
-
-
0
-
Обнаружено нарушений
-
- На рассмотрении: 0
-
- -
-
- Токены сегодня -
-
-
0
-
Пополнено токенов
-
- За неделю: 0
-
- -
-
- Токены месяц -
-
-
0
-
Пополнено за месяц
-
- Потрачено: 0
-
- -
-
- Доход сегодня -
-
-
₽0
-
Заработано сегодня
-
- За неделю: ₽0
-
- -
-
- Доход месяц -
-
-
₽0
-
Заработано за месяц
-
- Всего: ₽0
-
- -
-
- Траты токенов день -
-
-
0
-
Потрачено сегодня
-
- За неделю: 0
-
- -
-
- Траты токенов год -
-
-
0
-
Потрачено за год
-
- За месяц: 0
-
- -
-
- DMCA жалобы -
-
-
0
-
Всего жалоб
-
- Успешно: 0 | Ожидает: 1 -
-
- -
-
- Использование диска -
-
-
0.0 GB
-
Занято на диске
-
- Файлов: 0
-
- -
- ) -} \ No newline at end of file diff --git a/src/app/ui/dashboard/dashboard-general-info.tsx b/src/app/ui/dashboard/dashboard-general-info.tsx new file mode 100644 index 0000000..e44db68 --- /dev/null +++ b/src/app/ui/dashboard/dashboard-general-info.tsx @@ -0,0 +1,24 @@ +'use client' + +import GeneralInfoUsers from '@/app/ui/dashboard/general-info.tsx/general-info-users'; +import GeneralInfoSubscriptions from '@/app/ui/dashboard/general-info.tsx/general-info-subscriptions'; +import GeneralInfoContent from '@/app/ui/dashboard/general-info.tsx/general-info-content'; +import GeneralInfoViolations from '@/app/ui/dashboard/general-info.tsx/general-info-violations'; +import GeneralInfoTokens from '@/app/ui/dashboard/general-info.tsx/general-info-tokens'; +import GeneralInfoIncome from '@/app/ui/dashboard/general-info.tsx/general-info-income'; + +export default function DashboardGeneralInfo() { + + return ( +
+ + + + + + +
+ ) +} \ No newline at end of file diff --git a/src/app/ui/dashboard/general-info.tsx/general-info-content.tsx b/src/app/ui/dashboard/general-info.tsx/general-info-content.tsx new file mode 100644 index 0000000..953cabe --- /dev/null +++ b/src/app/ui/dashboard/general-info.tsx/general-info-content.tsx @@ -0,0 +1,47 @@ +export default function GeneralInfoContent() { + + return ( +
+

+ Защищенный контент (месяц/год) +

+ +
+
+
+ Всего файлов этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+ +
+
+ Всего занято места в этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+ +
+
+ Файлов на пользователя +
0
+
+
+ Места на диске на пользователя +
0
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/ui/dashboard/general-info.tsx/general-info-income.tsx b/src/app/ui/dashboard/general-info.tsx/general-info-income.tsx new file mode 100644 index 0000000..f7c77fb --- /dev/null +++ b/src/app/ui/dashboard/general-info.tsx/general-info-income.tsx @@ -0,0 +1,47 @@ +export default function GeneralInfoIncome() { + + return ( +
+

+ Доход (день/месяц) +

+ +
+
+
+ Всего заработано в этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+ +
+
+ Всего заработано на любого пользователя в этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+ +
+
+ Всего заработано на платного пользователя в этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/ui/dashboard/general-info.tsx/general-info-subscriptions.tsx b/src/app/ui/dashboard/general-info.tsx/general-info-subscriptions.tsx new file mode 100644 index 0000000..226329d --- /dev/null +++ b/src/app/ui/dashboard/general-info.tsx/general-info-subscriptions.tsx @@ -0,0 +1,66 @@ +export default function GeneralInfoSubscriptions() { + + return ( +
+

+ Активные подписчики (месяц/год) +

+ +
+
+
+ Текущие платные подписки +
0
+
+
+ +
+
+ оформили впервые в этом месяце +
0
+
+ +
+ в прошлом месяце +
0
+
+
+ +
+
+ продлили подпискув этом месяце +
0
+
+
+ в прошлом месяце +
0
+
+
+ +
+
+ сделали апгрейдв этом месяце +
0
+
+
+ в прошлом месяце +
0
+
+
+ +
+
+ сделали даунгрейдв этом месяце +
0
+
+
+ в прошлом месяце +
0
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/ui/dashboard/general-info.tsx/general-info-tokens.tsx b/src/app/ui/dashboard/general-info.tsx/general-info-tokens.tsx new file mode 100644 index 0000000..8fe087d --- /dev/null +++ b/src/app/ui/dashboard/general-info.tsx/general-info-tokens.tsx @@ -0,0 +1,58 @@ +export default function GeneralInfoTokens() { + + return ( +
+

+ Токены (день/месяц) +

+ +
+
+
+ Всего купленов этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+ +
+
+ Всего потраченов этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+ +
+
+ Куплено на пользователя в этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+ +
+
+ Потрачено на пользователя в этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/ui/dashboard/general-info.tsx/general-info-users.tsx b/src/app/ui/dashboard/general-info.tsx/general-info-users.tsx new file mode 100644 index 0000000..2194c61 --- /dev/null +++ b/src/app/ui/dashboard/general-info.tsx/general-info-users.tsx @@ -0,0 +1,39 @@ +export default function GeneralInfoUsers() { + + return ( +
+

+ Кол-во пользователей и динамика +

+ +
+
+
+ Всего пользователей +
0
+
+
+ +
+
+ Новых за текущий месяц +
0
+
+
+ Новых за прошлый месяц +
0
+
+
+ +
+
+ Дельта +
0
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/ui/dashboard/general-info.tsx/general-info-violations.tsx b/src/app/ui/dashboard/general-info.tsx/general-info-violations.tsx new file mode 100644 index 0000000..a192fe8 --- /dev/null +++ b/src/app/ui/dashboard/general-info.tsx/general-info-violations.tsx @@ -0,0 +1,36 @@ +export default function GeneralInfoViolations() { + + return ( +
+

+ Нарушения (день/месяц) +

+ +
+
+
+ Всего нарушений в этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+ +
+
+ Подано жалоб в этом месяце +
0
+
+
+ В прошлом месяце +
0
+
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/app/ui/subscriptions-statistic.tsx b/src/app/ui/dashboard/subscriptions-statistic.tsx similarity index 100% rename from src/app/ui/subscriptions-statistic.tsx rename to src/app/ui/dashboard/subscriptions-statistic.tsx diff --git a/src/app/ui/users-top.tsx b/src/app/ui/dashboard/users-top.tsx similarity index 100% rename from src/app/ui/users-top.tsx rename to src/app/ui/dashboard/users-top.tsx