From 12fb7104a11a196d7ab4cf8923a9cf5995ccfc58 Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Mon, 20 Apr 2026 18:46:29 +0700
Subject: [PATCH] fix loading bug

---
 src/app/ui/reports/reports-info.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/app/ui/reports/reports-info.tsx b/src/app/ui/reports/reports-info.tsx
index 49df5ce..9e9355b 100644
--- a/src/app/ui/reports/reports-info.tsx
+++ b/src/app/ui/reports/reports-info.tsx
@@ -11,7 +11,7 @@ export default function ReportsInfo() {
 	const t = useTranslations("Global");
 	const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
 	const { data: violationStatistic } = useViolationStatistic();
-	const { data: monitoringCount } = useMonitoringCount();
+	const { data: monitoringCount, isLoading: isLoadingMonitoringCount } = useMonitoringCount();
 
 	useEffect(() => {
 		console.log(monitoringCount);
@@ -47,7 +47,17 @@ export default function ReportsInfo() {
 						</div>
 					</div>
 					<div className="stat-value">
-						{`${monitoringCount?.day}/${monitoringCount?.weekly}/${monitoringCount?.month}`}
+						<div
+							className="loading-placeholder start"
+						>
+							{isLoadingMonitoringCount ? (
+								<div className="loading-animation">
+									<div className="global-spinner" />
+								</div>
+							) : (
+								`${monitoringCount?.day}/${monitoringCount?.weekly}/${monitoringCount?.month}`
+							)}
+						</div>
 					</div>
 					<div className="stat-label">{t('monitoring')} {t('every')} {t('day')}/ {t('week_accusative')}/ {t('month')}</div>
 				</div>