-
-
+
)
diff --git a/src/app/actions/violationActions.ts b/src/app/actions/violationActions.ts
index 5419470..f3265e6 100644
--- a/src/app/actions/violationActions.ts
+++ b/src/app/actions/violationActions.ts
@@ -186,11 +186,9 @@ export async function getFileViolations(fileId: string, page: number) {
}
}
-export async function fetchViolationGeography() {
+export async function fetchViolationAnalyticStatistic(group: 'domain' | 'tld') {
const token = await getSessionData('token');
- /* "group_by": "tld" */
-
try {
const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
method: 'POST',
@@ -198,8 +196,10 @@ export async function fetchViolationGeography() {
version: 1,
msg_id: 30009,
message_body: {
- group_by: "domain",
- token: token
+ group_by: group,
+ action: "group",
+ token: token,
+ sort_direction: 'desc'
}
}),
headers: {
@@ -210,8 +210,44 @@ export async function fetchViolationGeography() {
if (response.ok) {
let parsed = await response.json();
- if (parsed) {
- return parsed;
+
+ if (parsed?.message_body) {
+ return parsed?.message_body;
+ } else {
+ throw null;
+ }
+ } else {
+ throw (`${response.status}`);
+ }
+ } catch (error) {
+ return null
+ }
+}
+
+export async function fetchViolationStatistic() {
+ 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: 30010,
+ message_body: {
+ token: token,
+ }
+ }),
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json'
+ }
+ });
+
+ if (response.ok) {
+ let parsed = await response.json();
+
+ if (parsed?.message_body) {
+ return parsed?.message_body;
} else {
throw null;
}
diff --git a/src/app/components/tanstak-table/TanstakTable.tsx b/src/app/components/tanstak-table/TanstakTable.tsx
index d71aeac..44d6e13 100644
--- a/src/app/components/tanstak-table/TanstakTable.tsx
+++ b/src/app/components/tanstak-table/TanstakTable.tsx
@@ -488,9 +488,6 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
);
const handleView = async (file: FileItem) => {
- console.log(`Просмотр файла: ${file.fileName}`);
- console.log(file);
-
const fileInfo = await viewFileInfo(file.id);
setOpenWindowChildren(() => {
diff --git a/src/app/hooks/react-query/useViolationAnalyticStatistic.ts b/src/app/hooks/react-query/useViolationAnalyticStatistic.ts
new file mode 100644
index 0000000..4980a74
--- /dev/null
+++ b/src/app/hooks/react-query/useViolationAnalyticStatistic.ts
@@ -0,0 +1,22 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchViolationAnalyticStatistic } from '@/app/actions/violationActions';
+
+export interface UseViolationStatistic {
+ [key: string]: number
+}
+
+export const useViolationAnalyticStatistic = (group: 'domain' | 'tld') => {
+ return useQuery({
+ queryKey: ['violationAnalyticStatistic', group],
+ queryFn: () => {
+ return fetchViolationAnalyticStatistic(group)
+ },
+ select: (data: UseViolationStatistic | null) => {
+ if (!data) {
+ return null
+ }
+ return data;
+ },
+ retry: false
+ });
+};
\ No newline at end of file
diff --git a/src/app/hooks/react-query/useViolationGeography.ts b/src/app/hooks/react-query/useViolationGeography.ts
deleted file mode 100644
index 9d758b2..0000000
--- a/src/app/hooks/react-query/useViolationGeography.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { fetchViolationGeography } from '@/app/actions/violationActions';
-
-export interface UseViolationGeography {
- ru: number;
- usa: number;
- uk: number;
- ge: number;
-}
-
-export const useViolationGeography = () => {
- return useQuery({
- queryKey: ['violationGeography'],
- queryFn: fetchViolationGeography,
- select: (data): any | null => {
- if (!data) {
- return []
- }
-
- return data;
- },
- retry: false
- });
-};
\ No newline at end of file
diff --git a/src/app/hooks/react-query/useViolationStatistic.ts b/src/app/hooks/react-query/useViolationStatistic.ts
new file mode 100644
index 0000000..2f9d66f
--- /dev/null
+++ b/src/app/hooks/react-query/useViolationStatistic.ts
@@ -0,0 +1,25 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchViolationStatistic } from '@/app/actions/violationActions';
+
+export interface UseViolationStatistic {
+ total_violations: 2565,
+ new_violations: 2565,
+ in_progress_violations: 0,
+ resolved_violations: 0
+}
+
+export const useViolationStatistic = () => {
+ return useQuery({
+ queryKey: ['violationStatistic'],
+ queryFn: () => {
+ return fetchViolationStatistic()
+ },
+ select: (data: UseViolationStatistic | null) => {
+ if (!data) {
+ return null
+ }
+ return data;
+ },
+ retry: false
+ });
+};
\ No newline at end of file
diff --git a/src/app/ui/reports/analytics-card-distribution.tsx b/src/app/ui/reports/analytics-card-distribution.tsx
new file mode 100644
index 0000000..c742245
--- /dev/null
+++ b/src/app/ui/reports/analytics-card-distribution.tsx
@@ -0,0 +1,52 @@
+'use client'
+
+import { useTranslations } from 'next-intl'
+import { useViolationAnalyticStatistic, UseViolationStatistic } from '@/app/hooks/react-query/useViolationAnalyticStatistic';
+
+interface DomainListProps {
+ data: UseViolationStatistic;
+}
+
+export default function AnalyticsCardDistribution() {
+ const t = useTranslations('Global');
+ const { data: violationGeography, isLoading, isError, error } = useViolationAnalyticStatistic('domain');
+
+ const DomainList = ({ data }: DomainListProps) => {
+ const topDomains = Object.entries(data)
+ .map(([domain, count]) => ({ domain, count }))
+ .sort((a, b) => b.count - a.count)
+ .slice(0, 6);
+
+ return (
+
+ {topDomains.map((item, index) => (
+
+
+ {item.domain}
+
+
+ {item.count}
+
+
+ ))}
+
+ );
+ };
+
+ return (
+
+
+
+
+ {t('distribution-analytics')}
+
+
+ {violationGeography && (
+
+ )}
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/ui/reports/analytics-card-geography.tsx b/src/app/ui/reports/analytics-card-geography.tsx
index 32fbb0a..28f9f7a 100644
--- a/src/app/ui/reports/analytics-card-geography.tsx
+++ b/src/app/ui/reports/analytics-card-geography.tsx
@@ -1,11 +1,40 @@
'use client'
import { useTranslations } from 'next-intl'
-import {useViolationGeography} from '@/app/hooks/react-query/useViolationGeography';
+import {useViolationAnalyticStatistic, UseViolationStatistic} from '@/app/hooks/react-query/useViolationAnalyticStatistic';
+
+interface DomainListProps {
+ data: UseViolationStatistic;
+}
export default function AnalyticsCardGeography() {
const t = useTranslations('Global');
- const { data: violationGeography, isLoading, isError, error } = useViolationGeography();
+ const { data: violationGeography, isLoading, isError, error } = useViolationAnalyticStatistic('tld');
+
+ const DomainList = ({ data }: DomainListProps) => {
+ const topDomains = Object.entries(data)
+ .map(([domain, count]) => ({ domain, count }))
+ .sort((a, b) => b.count - a.count)
+ .slice(0, 6);
+
+ return (
+
+ {topDomains.map((item, index) => (
+
+
+ {item.domain}
+
+
+ {item.count}
+
+
+ ))}
+
+ );
+ };
return (
@@ -15,44 +44,9 @@ export default function AnalyticsCardGeography() {
{t('geography-of-violations')}
-
-
-
- {t('russia')}
-
- 0
-
-
-
- {t('usa')}
-
- 0
-
-
-
- {t('germany')}
-
- 0
-
-
-
- {t('france')}
-
- 0
-
-
-
- {t('uk')}
-
- 0
-
-
-
- {t('china')}
-
- 0
-
-
+ {violationGeography && (
+
+ )}