frontdev/no-copy-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update dashboard statisctic

Browse Source
This commit is contained in:
smanylov
2026-03-19 16:15:18 +07:00
parent ba0b47bec5
commit f65513b1cb
11 changed files with 357 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/ui/dashboard/new/dashboard-user-stats.tsx
+68 -37
View File
@@ -1,52 +1,83 @@
'use client'
import { useTranslations } from 'next-intl';
import {convertBytes} from '@/app/lib/convertBytes';
import {useUserFilesInfo} from '@/app/hooks/react-query/useUserFilesInfo';
import { convertBytes } from '@/app/lib/convertBytes';
import { useUserFilesInfo } from '@/app/hooks/react-query/useUserFilesInfo';
import { useEffect } from 'react';
import { useViolationStatistic } from '@/app/hooks/react-query/useViolationStatistic';
import {IconDocument, IconSearch, IconWarning, IconGraph, IconDiscet, IconShield} from '@/app/ui/icons/icons';
export default function DashboardUserStats() {
const t = useTranslations("Global");
const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
const { data: violationStatistic } = useViolationStatistic();
return (
<div className="dashboard-user-stats">
<>
<div className="dashboard-user-stats">
<div className="stat-card projects">
<div className="stat-type">ЗАЩИЩЁННЫЕ ФАЙЛЫ</div>
<div className="stat-value">{filesInfo?.total.protected ? filesInfo?.total.protected : 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?.total.violation ? filesInfo?.total.violation : 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?.total.size ? convertBytes(filesInfo?.total.size) : 0}
<div className="stat-card projects">
<div className="stat-header">
<div className="stat-icon">
<IconShield />
</div>
</div>
<div className="stat-value">{filesInfo?.total.protected ? filesInfo?.total.protected : 0}</div>
<div className="stat-label">
{t('files-under-protection')}
</div>
</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 className="stat-card matches">
<div className="stat-header">
<div className="stat-icon">
<IconSearch />
</div>
</div>
<div className="stat-value">{filesInfo?.total.check ? filesInfo?.total.check : 0}</div>
<div className="stat-label">
{t('matches-found')}
</div>
</div>
<div className="stat-card violations">
<div className="stat-header">
<div className="stat-icon">
<IconWarning />
</div>
</div>
<div className="stat-value">{violationStatistic?.total_violations ?? 0}</div>
<div className="stat-label">
{t('violations')}
</div>
</div>
<div className="stat-card storage">
<div className="stat-header">
<div className="stat-icon">
<IconDiscet />
</div>
</div>
<div className="stat-value">
{filesInfo?.total.size ? convertBytes(filesInfo?.total.size) : 0}
</div>
<div className="stat-label">
{t('disk-space-used')}
</div>
</div>
<div className="stat-card legal">
<div className="stat-header">
<div className="stat-icon">
<IconDocument />
</div>
</div>
<div className="stat-value">{violationStatistic?.in_progress_violations ?? 0}</div>
<div className="stat-label">
{t('violations-in-progress')}
</div>
</div>
</div>
</div>
</>
)
}