add search stats

src/app/ui/search/file-search-panel.tsx

@@ -1,8 +1,8 @@
 import { SearchedUserFilesList } from '@/app/ui/search/searched-user-files-list';
 import { SearchedGlobalFilesList } from '@/app/ui/search/searched-global-files-list';
 import { useCallback, useState, useImperativeHandle } from 'react';
-import { searchUserFiles, searchGlobalFiles } from '@/app/actions/fileEntity';
-import { fa } from 'zod/v4/locales';
+import { searchUserFiles, searchGlobalFiles } from '@/app/actions/searchActions';
+import { useQueryClient } from '@tanstack/react-query';
 
 export function FileSearchPanel({ fileId, ref }: { fileId: string | null, ref: any }) {
 	const [searchedUserFiles, setSearchedUserFiles] = useState<string[]>([]);
@@ -10,6 +10,7 @@ export function FileSearchPanel({ fileId, ref }: { fileId: string | null, ref: a
 	const [searchedGlobalFiles, setSearchedGlobalFiles] = useState<string[]>([]);
 	const [searchedGlobalFilesShowNull, setSearchedGlobalFilesShowNull] = useState<boolean>(false);
 	const [loading, setLoading] = useState<boolean>(false);
+	const queryClient = useQueryClient();
 
 	useImperativeHandle(ref, () => ({
 		clearList: () => {
@@ -45,6 +46,7 @@ export function FileSearchPanel({ fileId, ref }: { fileId: string | null, ref: a
 
 		try {
 			let result = await searchGlobalFiles(fileId);
+			console.log(result);
 			if (result.images.length) {
 				setSearchedGlobalFiles(result.images);
 			} else {
@@ -53,6 +55,8 @@ export function FileSearchPanel({ fileId, ref }: { fileId: string | null, ref: a
 		} catch (error) {
 
 		} finally {
+			await queryClient.invalidateQueries({ queryKey: ['userData'] });
+			await queryClient.invalidateQueries({ queryKey: ['userSearchData'] });
 			setLoading(false);
 		}
 

src/app/ui/search/search-stats.tsx

@@ -1,4 +1,26 @@
+'use client'
+
+import { useQuery } from '@tanstack/react-query';
+import { getSearchStats } from '@/app/actions/searchActions';
+import { useEffect } from 'react';
+
 export function SearchStats() {
+	const {
+		data: userSearchData,
+		isLoading,
+		isError,
+		error,
+	} = useQuery({
+		queryKey: ['userSearchData'],
+		queryFn: () => {
+			return getSearchStats();
+		},
+	});
+
+	useEffect(() => {
+		console.log(userSearchData);
+	}, [userSearchData]);
+
 	return (
 		<div className="stats-search">
 			<div className="stats-title">
@@ -7,23 +29,37 @@ export function SearchStats() {
 
 			<div className="stat-item">
 				<span className="stat-label">Изображения</span>
-				<span className="stat-value">0</span>
+				<span className="stat-value">
+					{userSearchData?.image?.count ? userSearchData?.image?.count : 0}
+				</span>
 			</div>
+
 			<div className="stat-item">
 				<span className="stat-label">Видео</span>
-				<span className="stat-value">0</span>
+				<span className="stat-value">
+					{userSearchData?.video?.count ? userSearchData?.video?.count : 0}
+				</span>
 			</div>
+
 			<div className="stat-item">
 				<span className="stat-label">Аудио</span>
-				<span className="stat-value">0</span>
+				<span className="stat-value">
+					{userSearchData?.audio?.count ? userSearchData?.audi?.count : 0}
+				</span>
 			</div>
+
 			<div className="stat-item">
 				<span className="stat-label">Документы</span>
-				<span className="stat-value">0</span>
+				<span className="stat-value">
+					{userSearchData?.document?.count ? userSearchData?.document?.count : 0}
+				</span>
 			</div>
+
 			<div className="stat-item">
 				<span className="stat-label">Всего поисков</span>
-				<span className="stat-value">0</span>
+				<span className="stat-value">
+					{userSearchData?.allCountForPeriod ? userSearchData?.allCountForPeriod : 0}
+				</span>
 			</div>
 		</div>
 	)