);
}
// ── Class dropdown cell (conditional on campus + course) ──────
function ClassDropdownCell({ campus, course, value, onCommit }) {
const [open, setOpen] = useSC(false);
const ref = useSCRef(null);
useSCEffect(() => {
if (!open) return;
const close = e => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', close);
return () => document.removeEventListener('mousedown', close);
}, [open]);
const hasCampus = campus && campus !== '—';
const hasCourse = course && course !== '—';
const ready = hasCampus && hasCourse;
// The list of options is driven ENTIRELY by the selected campus + course.
const eligible = ready ? SAMPLE_CLASSES.filter(c => c.campus === campus && c.course === course && !c.archived) : [];
// Resolve the current assignment's label from the full list so it always
// renders truthfully, and surface it in the menu even if it predates the
// current campus/course (so the cell and menu never contradict each other).
const current = value ? SAMPLE_CLASSES.find(c => c.id === value) : null;
const menuClasses = current && !eligible.some(c => c.id === current.id)
? [current, ...eligible]
: eligible;
const displayLabel = current ? formatClass(current) : null;
// Locked until both campus and course are chosen
if (!ready) {
return (
Set campus & course
);
}
const handleSelect = v => { setOpen(false); if (v !== (value || '')) onCommit(v); };
return (
Auto-applies to the next invoice. Max one absence credit per term{claimedThisTerm ? ` · already claimed for ${term}` : ''}. Credits don’t expire and carry across terms.
{chgOpen && (
Move {student.firstName} to a different course (e.g. EXT1 → ADVN). If the new course is cheaper, the difference for the remaining weeks is credited to their balance — no refund.
setChg({ ...chg, newCourse: val })} placeholder="Select…" options={INVOICE_COURSES.filter(c => c !== student.course).map(c => ({ value: c, label: c }))} buttonStyle={{ padding: '6px 8px' }} />