add more monitoring info

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

@@ -4,13 +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 { useMonitoringCount } from '@/app/hooks/react-query/useMonitoringCount';
+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();
+	const { data: monitoringCount } = useMonitoringCount();
+
+	useEffect(() => {
+		console.log(monitoringCount);
+	}, [monitoringCount])
 
 	return (
 		<>
@@ -42,9 +47,9 @@ export default function ReportsInfo() {
 						</div>
 					</div>
 					<div className="stat-value">
-						{monitoringStats?.total_searches ? monitoringStats?.total_searches : 0}
+						{`${monitoringCount?.day}/${monitoringCount?.weekly}/${monitoringCount?.month}`}
 					</div>
-					<div className="stat-label">{t('monitoring')}</div>
+					<div className="stat-label">{t('monitoring')} {t('every')}: {t('day')}/{t('week')}/{t('month')}</div>
 				</div>
 
 				<div className="stat-card storage" data-icon="">