change violations statisctic greed

2026-01-23 12:19:37 +07:00
parent 9366f531d1
commit 8f8302f76f
5 changed files with 77 additions and 5 deletions
@@ -0,0 +1,64 @@
+'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';
+
+type FilesInfo = {
+	totalSize: number;
+	totalCount: number;
+};
+
+export default function ViolationsStatistic() {
+	const t = useTranslations('Global');
+
+	const {
+		data: filesInfo,
+		isLoading,
+		isError,
+		error,
+	} = useQuery<{
+		all_files_size: number,
+		all_files_quantity: number
+	}, Error, FilesInfo>({
+		queryKey: ['userFilesInfo'],
+		queryFn: getUserFilesInfo,
+		select: (data): FilesInfo => {
+			if (!data) {
+				return {
+					totalSize: 0,
+					totalCount: 0
+				}
+			}
+
+			return {
+				totalSize: data.all_files_size,
+				totalCount: data.all_files_quantity
+			}
+		}
+	});
+
+	return (
+		<div className="protection-statistic">
+			<div className="protection-statistic-stat-card">
+				<div className="protection-statistic-stat-number">0</div>
+				<div className="protection-statistic-stat-label">{t(`total-violations`)}</div>
+			</div>
+			<div className="protection-statistic-stat-card">
+				<div className="protection-statistic-stat-number">0</div>
+				<div className="protection-statistic-stat-label">{t(`new`)}</div>
+			</div>
+			<div className="protection-statistic-stat-card">
+				<div className="protection-statistic-stat-number">
+					0
+				</div>
+				<div className="protection-statistic-stat-label">{t(`in-progress`)}</div>
+			</div>
+			<div className="protection-statistic-stat-card">
+				<div className="protection-statistic-stat-number">0</div>
+				<div className="protection-statistic-stat-label">{t('it-decided')}</div>
+			</div>
+		</div>
+	)
+}