add search side panel layout

This commit is contained in:
smanylov
2026-02-04 14:10:38 +07:00
parent 584f0dda2f
commit 2c26a8cd85
4 changed files with 168 additions and 3 deletions
+50
View File
@@ -0,0 +1,50 @@
import { IconImageFile, IconDocument, IconAudioFile, IconVideoFile } from '@/app/ui/icons/icons';
export function RecentSearches() {
return (
<div className="recent-searches">
<div className="recent-title">
Недавние поиски
</div>
<div className="recent-item">
<span className="recent-type document">
<IconDocument /> document</span>
<div>
<div>0 поисков</div>
<div className="recent-date">
date
</div>
</div>
</div>
<div className="recent-item">
<span className="recent-type image">
<IconImageFile /> image</span>
<div>
<div>0 поисков</div>
<div className="recent-date">
date
</div>
</div>
</div>
<div className="recent-item">
<span className="recent-type audio">
<IconAudioFile /> audio</span>
<div>
<div>0 поисков</div>
<div className="recent-date">
date
</div>
</div>
</div>
<div className="recent-item">
<span className="recent-type video">
<IconVideoFile /> video</span>
<div>
<div>0 поисков</div>
<div className="recent-date">
date
</div>
</div>
</div>
</div>
)
}
+30
View File
@@ -0,0 +1,30 @@
export function SearchStats() {
return (
<div className="stats-search">
<div className="stats-title">
Статистика поиска
</div>
<div className="stat-item">
<span className="stat-label">Изображения</span>
<span className="stat-value">0</span>
</div>
<div className="stat-item">
<span className="stat-label">Видео</span>
<span className="stat-value">0</span>
</div>
<div className="stat-item">
<span className="stat-label">Аудио</span>
<span className="stat-value">0</span>
</div>
<div className="stat-item">
<span className="stat-label">Документы</span>
<span className="stat-value">0</span>
</div>
<div className="stat-item">
<span className="stat-label">Всего поисков</span>
<span className="stat-value">0</span>
</div>
</div>
)
}