From 31d9307fe1d23da134bb286c605d95ca9d6db416 Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Fri, 17 Apr 2026 14:36:04 +0700
Subject: [PATCH] fix sorting and add opacity while sorting

---
 src/app/actions/fileEntity.ts                           | 1 -
 src/app/components/tanstak-table/MonitoringDropDown.tsx | 4 ++--
 src/app/components/tanstak-table/TanstakTable.tsx       | 3 ++-
 src/app/styles/pages-styles.scss                        | 4 ++++
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/actions/fileEntity.ts b/src/app/actions/fileEntity.ts
index c5ccf6f..b3578c2 100644
--- a/src/app/actions/fileEntity.ts
+++ b/src/app/actions/fileEntity.ts
@@ -22,7 +22,6 @@ export async function getUserFilesData({
 	query?: string;
 }) {
 	const token = await getSessionData('token');
-	/* console.log('getUserFilesData', { page, pageSize, sortBy, sortOrder, type, date, query }); */
 
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
diff --git a/src/app/components/tanstak-table/MonitoringDropDown.tsx b/src/app/components/tanstak-table/MonitoringDropDown.tsx
index 3615a4a..0e78b8a 100644
--- a/src/app/components/tanstak-table/MonitoringDropDown.tsx
+++ b/src/app/components/tanstak-table/MonitoringDropDown.tsx
@@ -48,11 +48,11 @@ export function MonitoringDropDown({ file }: {
 		};
 	}, [dropdownRef, setIsOpen, isOpen]);
 
-/* 	useEffect(() => {
+	useEffect(() => {
 		if (file.monitoring) {
 			setCurrentMonitoringStatus(file.monitoring ? file.monitoring : 'NONE');
 		}
-	}, [file.monitoring]); */
+	}, [file.monitoring]);
 
 	useEffect(() => {
 		if (isOpen && buttonRef.current) {
diff --git a/src/app/components/tanstak-table/TanstakTable.tsx b/src/app/components/tanstak-table/TanstakTable.tsx
index 3394f27..0b81365 100644
--- a/src/app/components/tanstak-table/TanstakTable.tsx
+++ b/src/app/components/tanstak-table/TanstakTable.tsx
@@ -141,6 +141,7 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 	const {
 		data: apiResponse,
 		isLoading,
+		isFetching,
 		isError,
 		error,
 		refetch
@@ -876,7 +877,7 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 							</tr>
 						))}
 					</thead>
-					<tbody className="tanstak-table-body">
+					<tbody className={`tanstak-table-body ${isFetching ? 'loading' : ''}`}>
 						{table.getRowModel().rows.length > 0 ? (
 							table.getRowModel().rows.map(row => (
 								<tr key={row.id}>
diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss
index 9bd5ec0..804dfd7 100644
--- a/src/app/styles/pages-styles.scss
+++ b/src/app/styles/pages-styles.scss
@@ -855,6 +855,10 @@
 		&-body {
 			background-color: v.$white;
 
+			&.loading {
+				opacity: 0.5;
+			}
+
 			>*+* {
 				border-top: 1px solid v.$b-color-2;
 			}