add search side panel layout
This commit is contained in:
@@ -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>
|
||||
)
|
||||
}
|
||||
@@ -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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user