// shared icons + small components used across pages
const Icon = ({n, sz=16, sw=2}) => {
const paths = {
dash: <>,
users: <>,
table: <>,
chart: <>,
book: <>,
help: <>,
search: <>,
plus: <>,
download: <>,
chev: ,
chevR: ,
chevL: ,
chevU: ,
x: <>,
check: ,
filter: ,
edit: <>,
msg: ,
note: <>,
trash: <>,
settings: <>,
arrowU: <>,
arrowD: <>,
bell: <>,
inbox: <>,
alert: <>,
sparkle: <>,
};
return (
);
};
// Status -> badge color
const presencaBadge = (v) => {
if (!v) return {cls:'muted', label:'—'};
if (v.includes('CONFIRMA')) return {cls:'ok', label:v};
if (v === 'PROXIMA TURMA') return {cls:'info', label:'Próxima turma'};
if (v === 'CANCELAMENTO') return {cls:'bad', label:'Cancelamento'};
if (v === 'SEM RETORNO') return {cls:'warn', label:'Sem retorno'};
if (v === 'NÃO CHAMAR') return {cls:'muted', label:'Não chamar'};
if (v === 'TROCA DE CONS.') return {cls:'purple', label:'Troca cons.'};
return {cls:'muted', label:v};
};
const onbBadge = (v) => {
if (!v) return {cls:'muted', label:'—'};
if (v === 'REALIZADO') return {cls:'ok', label:'Realizado'};
if (v === 'INICIADO') return {cls:'info', label:'Iniciado'};
if (v.includes('PENDENTE')) return {cls:'warn', label:'Pendente'};
if (v === 'NÃO INICIADO') return {cls:'muted', label:'Não iniciado'};
return {cls:'muted', label:v};
};
const yesNo = (v) => {
if (!v) return {cls:'muted', label:'—'};
const u = v.toUpperCase();
if (u === 'SIM' || u === 'PREENCHIDO' || u.includes('ENVIADO')) return {cls:'ok', label:v.length>10?'OK':v};
if (u === 'NÃO' || u === 'NAO' || u === 'NÃO PREENCHEU') return {cls:'bad', label:'Não'};
return {cls:'muted', label:v};
};
// Click-outside hook
function useClickOutside(ref, cb){
React.useEffect(() => {
const h = (e) => { if (ref.current && !ref.current.contains(e.target)) cb(); };
document.addEventListener('mousedown', h);
return () => document.removeEventListener('mousedown', h);
}, [cb]);
}
// Donut SVG
function Donut({pct, color, size=90, stroke=10}){
const r = (size - stroke)/2;
const c = 2 * Math.PI * r;
const off = c - (pct/100) * c;
return (
);
}
// Popover
function Popover({anchorRef, onClose, children, align='left'}){
const ref = React.useRef();
const [pos, setPos] = React.useState({top:0,left:0});
React.useLayoutEffect(() => {
if (!anchorRef.current) return;
const r = anchorRef.current.getBoundingClientRect();
setPos({
top: r.bottom + 4,
left: align === 'right' ? r.right - 220 : r.left,
});
}, []);
useClickOutside(ref, onClose);
return (
e.stopPropagation()}>
{children}
);
}
Object.assign(window, { Icon, presencaBadge, onbBadge, yesNo, Donut, Popover, useClickOutside });