);
};
// Результаты: лучший результат, треки, артисты, альбомы. q — запрос в нижнем регистре
const SearchResults = ({ q }) => {
const app = useApp();
const t = app.t;
const has = (s) => s.toLowerCase().includes(q);
const trks = Object.values(DB.trackIndex).filter(tr => has(tr.t) || has(DB.artists[tr.artist].name)).slice(0, 4);
const arts = Object.values(DB.artists).filter(a => has(a.name));
const albs = Object.values(DB.albums).filter(a => has(a.title) || has(DB.artists[a.artist].name));
const top = arts[0] || (trks[0] && DB.artists[trks[0].artist]);
// Пустые разделы не показываем (раньше висел заголовок «Треки» без строк), а если не нашлось
// ничего — так и говорим, вместо пустой страницы
const nothing = !top && !trks.length && !arts.length && !albs.length;
return (
{nothing &&
{t.searchNothing(app.query.trim())}
}
{(top || trks.length > 0) &&
{top && (
{t.topResult}
)}
{trks.length > 0 && (
{t.tracks}
{trks.map((tr, i) => )}
)}
}
{arts.length > 0 && (
{t.artists}
{arts.map(a => )}
)}
{albs.length > 0 && (
{t.albums}
{albs.map(a => )}
)}
);
};
// Поле поиска на телефоне стоит в одном и том же месте страницы и без запроса, и с ним. Раньше
// после первой буквы страница перестраивалась, поле создавалось заново — фокус пропадал,
// клавиатура закрывалась, и дальше буквы не набирались
const PageSearch = () => {
const app = useApp();
const q = app.query.trim().toLowerCase();
return (