diff --git a/src/app/[locale]/pages/search/page.tsx b/src/app/[locale]/pages/search/page.tsx index 9541dab..b0c9414 100644 --- a/src/app/[locale]/pages/search/page.tsx +++ b/src/app/[locale]/pages/search/page.tsx @@ -30,7 +30,7 @@ export default async function Page() { extensionDocument={extensionDocument} /> - + {/* */} diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss index 994c3d4..3657237 100644 --- a/src/app/styles/pages-styles.scss +++ b/src/app/styles/pages-styles.scss @@ -320,7 +320,6 @@ background: v.$white; border-radius: 20px; padding: 30px; - margin-bottom: 30px; box-shadow: 0 4px 20px v.$shadow-1; h3 { @@ -3908,6 +3907,35 @@ padding: 8px 0; border-bottom: 1px solid v.$b-color-2; + &-header { + display: flex; + align-self: center; + gap: 5px; + &.image { + svg { + color: v.$color-image; + } + } + + &.audio { + svg { + color: v.$color-audio; + } + } + + &.video { + svg { + color: v.$color-video; + } + } + + &.document { + svg { + color: v.$color-document; + } + } + } + &:last-child { border-bottom: none; } @@ -3918,6 +3946,7 @@ opacity: 0.9; position: relative; z-index: 1; + padding-top: 2px; } .stat-value { diff --git a/src/app/ui/search/search-stats.tsx b/src/app/ui/search/search-stats.tsx index b9d0019..e0a6729 100644 --- a/src/app/ui/search/search-stats.tsx +++ b/src/app/ui/search/search-stats.tsx @@ -3,6 +3,7 @@ import { useUserSearchData } from '@/app/hooks/react-query/useUserSearchData'; import { useTranslations } from 'next-intl'; import { useEffect } from 'react'; +import { IconImageFile, IconAudioFile, IconVideoFile, IconDocument } from '@/app/ui/icons/icons'; export function SearchStats() { const { data: userSearchData, isLoading, isError, error } = useUserSearchData(); @@ -19,28 +20,48 @@ export function SearchStats() {
- {t('images')} +
+ + {t('images')} +
{userSearchData?.image?.count ? userSearchData?.image?.count : 0}
- {t('videos')} +
+ + {t('videos')} +
{userSearchData?.video?.count ? userSearchData?.video?.count : 0}
- {t('audios')} +
+ + {t('audios')} +
{userSearchData?.audio?.count ? userSearchData?.audio?.count : 0}
- {t('documents')} +
+ + {t('documents')} +
{userSearchData?.document?.count ? userSearchData?.document?.count : 0}