{/* Em mobile, força min-width pra grade não comprimir os 7 dias */}
{/* Day row — header da grade */}
hora
{window.DIAS_SEMANA.map((d, i) => {
const iso = datas[i];
const dt = window.fromISO(iso);
const ehHoje = iso === hojeISO;
const ehFds = i >= 5;
return (
{d}
{dt.getDate()}
{window.MESES_CURTO[dt.getMonth()]}
{ehHoje && (
)}
);
})}
{blocos.length === 0 && !carregando && (
Nenhum plantão esta semana.
aproveite.
)}
{Array.from({length: 24}).map((_, h) => {
const ehMarcador = h % 6 === 0; // 00, 06, 12, 18 — divisores fortes
const ehSubMarc = !ehMarcador && h % 3 === 0; // 03, 09, 15, 21 — leves
return (
{String(h).padStart(2, '0')}
);
})}
{datas.map((iso, diaIdx) => {
const ehFds = diaIdx >= 5;
return (
{Array.from({length: 24}).map((_, h) => (
))}
{blocos.filter(b => b.data === iso).map(b => {
const top = b.horaInicio * ROW_HEIGHT;
const altMax = (24 - b.horaInicio) * ROW_HEIGHT;
const altura = Math.min(b.duracao * ROW_HEIGHT, altMax);
const conflitoStatus = idsConflito.has(`${b.id}:pendente`) ? 'pendente'
: idsConflito.has(`${b.id}:aceito`) ? 'aceito' : null;
return (
onSelectBloco(b)}
/>
);
})}
{/* Continuação visual de blocos que viram meia-noite */}
{diaIdx > 0 && blocos.filter(b => {
return b.data === datas[diaIdx-1] && (b.horaInicio + b.duracao) > 24;
}).map(b => {
const altura = (b.horaInicio + b.duracao - 24) * ROW_HEIGHT;
const conflitoStatus = idsConflito.has(`${b.id}:pendente`) ? 'pendente'
: idsConflito.has(`${b.id}:aceito`) ? 'aceito' : null;
return (
onSelectBloco(b)}
/>
);
})}
);
})}