fix sorting and add opacity while sorting

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`, {

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) {

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}>

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;
 			}