add final summary block

This commit is contained in:
smanylov
2026-04-28 13:08:35 +07:00
parent 2cada9ba27
commit d24884f7e6
6 changed files with 81 additions and 22 deletions
+36
View File
@@ -262,6 +262,42 @@ export async function fetchViolationStatistic() {
}
}
export async function fetchViolationFinalSummaryStatistic() {
const token = await getSessionData('token');
try {
const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
method: 'POST',
body: JSON.stringify({
version: 1,
msg_id: 30023,
message_body: {
token: token,
}
}),
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json'
}
});
if (response.ok) {
let parsed = await response.json();
console.log(parsed);
if (parsed?.message_code === 0) {
return parsed?.message_body;
} else {
throw null;
}
} else {
throw (`${response.status}`);
}
} catch (error) {
return null
}
}
interface complainBody {
previousText: string,
violationID: string | null,
@@ -0,0 +1,27 @@
import { useQuery } from '@tanstack/react-query';
import { fetchViolationFinalSummaryStatistic } from '@/app/actions/violationActions';
export interface UseViolationFinalSummaryStatistic {
complaints_without_case: number;
total_complaints: number;
total_law_cases: number;
total_violations: number;
violations_with_complaint: number;
violations_without_complaint: number;
}
export const useViolationFinalSummaryStatistic = () => {
return useQuery({
queryKey: ['violationFinalSummaryStatistic'],
queryFn: () => {
return fetchViolationFinalSummaryStatistic()
},
select: (data: UseViolationFinalSummaryStatistic | null) => {
if (!data) {
return null
}
return data;
},
retry: false
});
};
+12 -13
View File
@@ -2,21 +2,20 @@
import { useUserFilesInfo } from '@/app/hooks/react-query/useUserFilesInfo';
import { useTranslations } from 'next-intl';
import { useEffect } from 'react';
import { useViolationStatistic } from '@/app/hooks/react-query/useViolationStatistic';
import { useMonitoringStats } from '@/app/hooks/react-query/useMonitoringStats';
import { useViolationFinalSummaryStatistic } from '@/app/hooks/react-query/useViolationFinalSummaryStatistic';
export default function FinalSummary() {
const t = useTranslations('Global');
const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
const { data: violationStatistic } = useViolationStatistic();
const { data: violationStatistic } = useViolationFinalSummaryStatistic();
const { data: monitoringStats } = useMonitoringStats();
return (
<div className="final-summary">
<div className="summary-header">
<h2 className="summary-title">
{t('summary-statistics')} {/* за Декабрь 2025 */}
{t('summary-statistics')}
</h2>
<p className="summary-subtitle">
{t('general-indicators-of-the-protection-system')}
@@ -24,18 +23,14 @@ export default function FinalSummary() {
</div>
<div className="summary-stats">
<div className="summary-stat">
{/* <div className="summary-stat-icon">🔍</div> */}
<div className="summary-stat-value">
{monitoringStats?.total_searches ? monitoringStats?.total_searches : 0}
{/* {filesInfo?.total.check ? filesInfo?.total.check : 0} */}
</div>
<div className="summary-stat-label">
{t('total-number-of-checks')}
</div>
{/* <div className="summary-stat-change">+15% к прошлому месяцу</div> */}
</div>
<div className="summary-stat center">
{/* <div className="summary-stat-icon">🚨</div> */}
<div>
<div className="summary-stat-value">
{violationStatistic?.total_violations ?? 0}
@@ -46,22 +41,26 @@ export default function FinalSummary() {
</div>
<div>
<div className="summary-stat-value">
{violationStatistic?.in_progress_violations ?? 0}
{violationStatistic?.total_complaints ?? 0}
</div>
<div className="summary-stat-label">
{t('violations-registered')}
</div>
</div>
{/* <div className="summary-stat-change">Отличный результат!</div> */}
<div>
<div className="summary-stat-value">
{violationStatistic?.total_law_cases ?? 0}
</div>
<div className="summary-stat-label">
{t('claims-registered')}
</div>
</div>
</div>
<div className="summary-stat">
{/* <div className="summary-stat-icon">🛡️</div> */}
<div className="summary-stat-value">{filesInfo?.total.quantity ? filesInfo?.total.quantity : 0}</div>
<div className="summary-stat-label">
{t('protected-content')}
</div>
{/* <div className="summary-stat-change">+0 за период</div> */}
</div>
</div>
</div>
-5
View File
@@ -5,7 +5,6 @@ import { useUserFilesInfo } from '@/app/hooks/react-query/useUserFilesInfo';
import { IconDocument, IconSearch, IconWarning, IconGraph } from '@/app/ui/icons/icons';
import { useViolationStatistic } from '@/app/hooks/react-query/useViolationStatistic';
import { useMonitoringCount } from '@/app/hooks/react-query/useMonitoringCount';
import { useEffect } from 'react';
export default function ReportsInfo() {
const t = useTranslations("Global");
@@ -13,10 +12,6 @@ export default function ReportsInfo() {
const { data: violationStatistic } = useViolationStatistic();
const { data: monitoringCount, isLoading: isLoadingMonitoringCount } = useMonitoringCount();
useEffect(() => {
console.log(monitoringCount);
}, [monitoringCount])
return (
<>
<div className="my-content-stats-overview">
+2 -1
View File
@@ -204,6 +204,7 @@
"violations-found": "Violations found",
"total-violations": "Total violations",
"violations-registered": "Violations registered",
"claims-registered": "Claims registered",
"new": "new",
"in-progress": "In progress",
"it-decided": "It's decided",
@@ -439,7 +440,7 @@
"in": "in",
"last-content-check": "Last content check",
"day": "day",
"week": "week",
"week_accusative": "week",
"month": "month",
"every": "every",
"country": "Country",
+2 -1
View File
@@ -203,7 +203,8 @@
"document-occupy": "Занимают документы",
"violations-found": "Найдено нарушений",
"total-violations": "Всего нарушений",
"violations-registered": "Нарушений зарегистрированно",
"violations-registered": "Жалоб зарегистрированно",
"claims-registered": "Претензий зарегистрированно",
"new": "Новые",
"in-progress": "В работе",
"it-decided": "Решено",