// Reusable visual building blocks. All accept `dark` and the standard React
// `style` to compose freely.
function ApprovalBg({ dark = true, children }) {
return (
);
}
function ApGlass({ children, dark = true, radius = 20, padding = 0, blur = 20, style = {}, onClick }) {
return (
{children}
);
}
function ApCover({ colors, src, size = 80, radius = 14, style = {} }) {
const [a, b] = colors || ['#7c3aed', '#ff4d8d'];
return (
);
}
function ApAvatar({ player, size = 36 }) {
if (!player) return null;
const colors = player.avatar || fallbackAvatar(player.identifier);
const [a, b] = colors;
const initial = (player.name || '?').split(/\s+/).map(s => s[0]).slice(0, 2).join('').toUpperCase();
return (
{initial}
);
}
function ApPlayerName({ player, size = 13, opacity = 0.7, color, badge = true, style = {} }) {
if (!player) return null;
const verified = isVerifiedArtist(player.identifier);
const adm = player.group === 'admin';
return (
{player.name}
{badge && verified && }
{badge && adm && }
);
}
function ApStatusPill({ status }) {
const cfg = {
pending: { bg: 'rgba(251,191,36,0.15)', fg: '#fbbf24', label: 'In Prüfung' },
accepted: { bg: 'rgba(52,211,153,0.18)', fg: '#34d399', label: 'Veröffentlicht' },
rejected: { bg: 'rgba(239,68,68,0.18)', fg: '#f87171', label: 'Abgelehnt' },
}[status];
// Unknown/corrupt status: render a neutral placeholder instead of
// dumping the raw value into the DOM. Earlier versions did
// `label: status` as a fallback which let upstream data bugs leak
// ugly raw payloads into the UI (e.g. peaks arrays accidentally
// assigned to status — see commit log).
if (!cfg) {
return (
?
);
}
return (
{cfg.label}
);
}
function ApRolePill({ player, dark }) {
if (!player) return null;
const verified = isVerifiedArtist(player.identifier);
let label, color;
if (player.group === 'admin') { label = 'Admin'; color = '#fbbf24'; }
else if (player.group === 'mod') { label = 'Moderator'; color = '#a78bfa'; }
else if (player.group === 'whitelist') { label = 'Whitelist'; color = '#3b82f6'; }
else if (verified) { label = 'Verifiziert'; color = '#3eb8ff'; }
else { label = 'Spieler'; color = dark ? 'rgba(255,255,255,0.6)' : 'rgba(0,0,0,0.5)'; }
return (
{label}
);
}
Object.assign(window, {
ApprovalBg, ApGlass, ApCover, ApAvatar, ApPlayerName, ApStatusPill, ApRolePill,
});