diff --git a/src/app/ui/search/recent-searches.tsx b/src/app/ui/search/recent-searches.tsx index da7e595..120fb68 100644 --- a/src/app/ui/search/recent-searches.tsx +++ b/src/app/ui/search/recent-searches.tsx @@ -1,5 +1,22 @@ +'use client' + import { IconImageFile, IconDocument, IconAudioFile, IconVideoFile } from '@/app/ui/icons/icons'; +import { useQuery } from '@tanstack/react-query'; +import { getSearchStats } from '@/app/actions/searchActions'; + export function RecentSearches() { + const { + data: userSearchData, + isLoading, + isError, + error, + } = useQuery({ + queryKey: ['userSearchData'], + queryFn: () => { + return getSearchStats(); + }, + }); + return (
@@ -9,7 +26,7 @@ export function RecentSearches() { document
-
0 поисков
+
{userSearchData?.document?.count ? userSearchData?.document?.count : 0} поисков
date
@@ -19,7 +36,7 @@ export function RecentSearches() { image
-
0 поисков
+
{userSearchData?.image?.count ? userSearchData?.image?.count : 0} поисков
date
@@ -29,7 +46,7 @@ export function RecentSearches() { audio
-
0 поисков
+
{userSearchData?.audio?.count ? userSearchData?.audi?.count : 0} поисков
date
@@ -39,7 +56,7 @@ export function RecentSearches() { video
-
0 поисков
+
{userSearchData?.video?.count ? userSearchData?.video?.count : 0} поисков
date