reafactor

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>