reafactor

src/app/[locale]/pages/dashboard/page.tsx

@@ -1,7 +1,5 @@
 import { Metadata } from 'next';
 import { Suspense } from 'react';
-import ProtectionOverview from '@/app/ui/dashboard/protection-overview';
-import StatsGrid from '@/app/ui/dashboard/stats-grid';
 import { useTranslations } from 'next-intl';
 import FilesTable from '@/app/ui/dashboard/files-table';
 import PageTitle from '@/app/ui/page-title';
@@ -23,8 +21,7 @@ export default function Page() {
 
 	return (
 		<Suspense fallback={<>...</>}>
-			<PageTitle title="statistics">
-			</PageTitle>
+			<PageTitle title="statistics" />
 			<DashboardUserStats />
 			<div className="dashboard-main-grid">
 				<div className="left-column">

src/app/[locale]/pages/dashboard1/page.tsx

@@ -16,8 +16,7 @@ export default function Page() {
 	return (
 		<>
 			<Suspense fallback={<>...</>}>
-				<PageTitle title="statistics">
-				</PageTitle>
+				<PageTitle title="statistics" />
 				<div className="split-blocks">
 					<ProtectionOverview />
 					<StatsGrid />

src/app/[locale]/pages/refferals/page.tsx

@@ -13,8 +13,7 @@ export default function Page() {
 
 	return (
 		<Suspense fallback={<>...</>}>
-			<PageTitle title="refferal-program">
-			</PageTitle>
+			<PageTitle title="refferal-program" />
 			<ReferralStats />
 			<ReferralLinkSection />
 			<CommissionLevels />

src/app/[locale]/pages/reports/page.tsx

@@ -9,8 +9,7 @@ import PageTitle from '@/app/ui/page-title';
 export default function Page() {
 	return (
 		<div>
-			<PageTitle title="reports-and-analytics">
-			</PageTitle>
+			<PageTitle title="reports-and-analytics" />
 			<StatsGrid />
 			<ActivityByContentType />
 			<div className="analytics-grid">

src/app/[locale]/pages/settings/page.tsx

@@ -13,8 +13,7 @@ export default function Page() {
 
 	return (
 		<>
-			<PageTitle title="account-settings">
-			</PageTitle>
+			<PageTitle title="account-settings" />
 			<div className="settings-grid">
 				<PersonalDataSettings />
 				<NotificationsMonitoringSettings />

src/app/ui/dashboard/new/dashboard-user-stats.tsx

@@ -1,31 +1,52 @@
+'use client'
+
+import { useTranslations } from 'next-intl';
+import { useQuery } from '@tanstack/react-query';
+import { getUserFilesInfo } from '@/app/actions/action';
+import {convertBytes} from '@/app/lib/convertBytes';
+
 export default function DashboardUserStats() {
+	const t = useTranslations("Global");
+
+	const {
+		data: filesInfo,
+		isLoading,
+		isError,
+		error,
+	} = useQuery({
+		queryKey: ['userFilesInfo'],
+		queryFn: getUserFilesInfo,
+	});
+
 	return (
 		<div className="dashboard-user-stats">
 
 			<div className="stat-card projects">
 				<div className="stat-type">ЗАЩИЩЁННЫЕ ФАЙЛЫ</div>
-				<div className="stat-value">367</div>
+				<div className="stat-value">0</div>
 				<div className="stat-label">Файлов под защитой</div>
 				<div className="stat-icon">🛡️</div>
 			</div>
 
 			<div className="stat-card matches">
 				<div className="stat-type">СОВПАДЕНИЯ</div>
-				<div className="stat-value">520</div>
+				<div className="stat-value">0</div>
 				<div className="stat-label">Найдено совпадений</div>
 				<div className="stat-icon">🔍</div>
 			</div>
 
 			<div className="stat-card violations">
 				<div className="stat-type">НАРУШЕНИЯ</div>
-				<div className="stat-value">499</div>
+				<div className="stat-value">{filesInfo.all_files_violations ? filesInfo.all_files_violations : 0}</div>
 				<div className="stat-label">Требуют внимания</div>
 				<div className="stat-icon">⚠️</div>
 			</div>
 
 			<div className="stat-card storage">
 				<div className="stat-type">ХРАНИЛИЩЕ</div>
-				<div className="stat-value">790.2 MB</div>
+				<div className="stat-value">
+					{filesInfo.all_files_size ? convertBytes(filesInfo.all_files_size) : 0}
+				</div>
 				<div className="stat-label">Использовано места</div>
 				<div className="stat-icon">💾</div>
 			</div>