62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
'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">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">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">{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">
|
|
{filesInfo?.all_files_size ? convertBytes(filesInfo?.all_files_size) : 0}
|
|
</div>
|
|
<div className="stat-label">Использовано места</div>
|
|
<div className="stat-icon">💾</div>
|
|
</div>
|
|
|
|
<div className="stat-card legal">
|
|
<div className="stat-type">ЖАЛОБЫ</div>
|
|
<div className="stat-value">0</div>
|
|
<div className="stat-label">Отправлено юристам</div>
|
|
<div className="stat-icon">⚖️</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |