);
};
// «Об артисте»: слушатели, пара строк о нём, подписка и донат
const AboutArtistCard = ({ ar }) => {
const app = useApp();
const t = app.t;
const small = { padding: "7px 16px", fontSize: 12.5, minHeight: 36 };
return (
{t.aboutArtist}
{listenersLine(app, ar)}
{ar.about}
);
};
// Правая колонка: «Сейчас играет» + очередь
const NowPanel = () => {
const app = useApp();
const t = app.t;
const { tr, al, ar } = trackInfo(app.player.trackId);
const [tab, setTab] = React.useState("now");
const next = upNext(app.queue, tr.id).slice(0, 2).map(x => x.id);
const tabBtn = (k, label) => (
);
return (
);
};
// Что заиграет дальше: треки после текущего, потом — с начала очереди (она крутится по кругу).
// Раньше «Далее» показывало начало очереди, хотя играло совсем другое. i — индекс в самой
// очереди: по нему удаляем и перетаскиваем. Трека нет в очереди — дальше вся очередь с начала.
const upNext = (queue, current) => {
const all = queue.map((id, i) => ({ id, i }));
const k = queue.indexOf(current);
return (k < 0 ? all : [...all.slice(k + 1), ...all.slice(0, k)]).filter(x => x.id !== current);
};
// Соседи трека — те, на которые переключат «Предыдущий» и «Следующий» (usePlayer): очередь по кругу;
// трека нет в очереди — следующий её начало, а предыдущего нет (кнопка начнёт трек заново).
// Тот же трек (он в очереди один) — не сосед. По соседям листает лента треков (stripDrag в core.jsx)
const nearTracks = (queue, current) => {
const i = queue.indexOf(current), n = queue.length;
const next = n ? queue[(i + 1) % n] : null;
const prev = i < 0 ? null : queue[(i - 1 + n) % n];
return { prev: prev === current ? null : prev, next: next === current ? null : next };
};
// Очередь с перетаскиванием и удалением
const QueueList = ({ current }) => {
const app = useApp();
const t = app.t;
const [dragI, setDragI] = React.useState(null);
const [overI, setOverI] = React.useState(null);
const rest = upNext(app.queue, current);
return (