change activity by content info type

This commit is contained in:
smanylov
2026-04-01 12:25:01 +07:00
parent ea003ea73c
commit 3544b2af81
4 changed files with 27 additions and 10 deletions
@@ -3,16 +3,18 @@
import { useUserFilesInfo } from '@/app/hooks/react-query/useUserFilesInfo';
import { useTranslations } from 'next-intl';
import { IconImageFile, IconVideoFile, IconAudioFile, IconDocument } from '@/app/ui/icons/icons';
import { useUserSearchData } from '@/app/hooks/react-query/useUserSearchData';
export default function ActivityByContentType() {
const t = useTranslations('Global');
const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
/* const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo(); */
const { data: userSearchData } = useUserSearchData();
return (
<div className="enhanced-chart-container">
<div className="enhanced-chart-header">
<h3 className="enhanced-chart-title">
{t('check-activity-by-content-type')}
{t('search-activity-by-content-type')}
</h3>
</div>
<div className="search-stats-grid">
@@ -20,7 +22,10 @@ export default function ActivityByContentType() {
<div className="search-stat-icon">
<IconImageFile />
</div>
<div className="search-stat-value">{filesInfo?.images.check ? filesInfo?.images.check : 0}</div>
<div className="search-stat-value">
{/* {filesInfo?.images.check ? filesInfo?.images.check : 0} */}
{userSearchData?.image?.count ? userSearchData?.image?.count : 0}
</div>
<div className="search-stat-label">
{t('images')}
</div>
@@ -29,7 +34,10 @@ export default function ActivityByContentType() {
<div className="search-stat-icon">
<IconVideoFile />
</div>
<div className="search-stat-value">{filesInfo?.videos.check ? filesInfo?.videos.check : 0}</div>
<div className="search-stat-value">
{/* {filesInfo?.videos.check ? filesInfo?.videos.check : 0} */}
{userSearchData?.video?.count ? userSearchData?.video?.count : 0}
</div>
<div className="search-stat-label">
{t('videos')}
</div>
@@ -38,7 +46,10 @@ export default function ActivityByContentType() {
<div className="search-stat-icon">
<IconAudioFile />
</div>
<div className="search-stat-value">{filesInfo?.audios.check ? filesInfo?.audios.check : 0}</div>
<div className="search-stat-value">
{/* {filesInfo?.audios.check ? filesInfo?.audios.check : 0} */}
{userSearchData?.audio?.count ? userSearchData?.audio?.count : 0}
</div>
<div className="search-stat-label">
{t('audios')}
</div>
@@ -47,7 +58,10 @@ export default function ActivityByContentType() {
<div className="search-stat-icon">
<IconDocument />
</div>
<div className="search-stat-value">{filesInfo?.documents.check ? filesInfo?.documents.check : 0}</div>
<div className="search-stat-value">
{/* {filesInfo?.documents.check ? filesInfo?.documents.check : 0} */}
{userSearchData?.document?.count ? userSearchData?.document?.count : 0}
</div>
<div className="search-stat-label">
{t('documents')}
</div>
+5 -2
View File
@@ -103,6 +103,9 @@ export function FileSearchPanel(
} else {
setErrorMessage('search-error');
}
} finally {
await queryClient.invalidateQueries({ queryKey: ['userData'] });
await queryClient.invalidateQueries({ queryKey: ['userSearchData'] });
}
}, [fileId])
@@ -139,8 +142,8 @@ export function FileSearchPanel(
setGlobalSearchErrorMessage('error');
}
} finally {
await queryClient.invalidateQueries({ queryKey: ['userData'] });
await queryClient.invalidateQueries({ queryKey: ['userSearchData'] });
/* await queryClient.invalidateQueries({ queryKey: ['userData'] });
await queryClient.invalidateQueries({ queryKey: ['userSearchData'] }); */
setLoading(false);
setPaginationLoading(false);
}