add monitoring stats fetch

src/app/ui/payment/user-usage.tsx

@@ -11,7 +11,7 @@ export default function UserUsage() {
 	useEffect(() => {
 		console.log('log from user-usage');
 		console.log(userData);
-	}, [userData])
+	}, [userData]);
 
 	return (
 		<div className="usage-stats">

src/app/ui/reports/final-summary.tsx

@@ -4,11 +4,13 @@ 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';
 
 export default function FinalSummary() {
 	const t = useTranslations('Global');
 	const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
 	const { data: violationStatistic } = useViolationStatistic();
+	const { data: monitoringStats } = useMonitoringStats();
 
 	return (
 		<div className="final-summary">
@@ -23,7 +25,10 @@ export default function FinalSummary() {
 			<div className="summary-stats">
 				<div className="summary-stat">
 					{/* <div className="summary-stat-icon">🔍</div> */}
-					<div className="summary-stat-value">{filesInfo?.total.check ? filesInfo?.total.check : 0}</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>

src/app/ui/reports/reports-info.tsx

@@ -4,11 +4,18 @@ import { useTranslations } from 'next-intl';
 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 { useMonitoringStats } from '@/app/hooks/react-query/useMonitoringStats';
+import { useEffect } from 'react';
 
 export default function ReportsInfo() {
 	const t = useTranslations("Global");
 	const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
 	const { data: violationStatistic } = useViolationStatistic();
+	const { data: monitoringStats } = useMonitoringStats();
+
+	useEffect(() => {
+		console.log(monitoringStats)
+	}, [monitoringStats]);
 
 	return (
 		<>
@@ -39,7 +46,10 @@ export default function ReportsInfo() {
 							<IconSearch />
 						</div>
 					</div>
-					<div className="stat-value">{filesInfo?.total.check ? filesInfo?.total.check : 0}</div>
+					<div className="stat-value">
+						{/* {filesInfo?.total.check ? filesInfo?.total.check : 0} */}
+						{monitoringStats?.total_searches ? monitoringStats?.total_searches : 0}
+					</div>
 					<div className="stat-label">{t('monitoring')}</div>
 				</div>