// student-desktop.jsx — desktop/laptop variant of student check-in screens const StudentDesktopName = () => { const [query, setQuery] = React.useState(""); const filtered = STUDENTS.filter((s) => s.name.toLowerCase().includes(query.toLowerCase())); return (
Check-in · K7QJ-MX2P
Wer bist du?
{COURSE.name} · Donnerstag 30. April · 14 Uhr · {ROOM.name}
setQuery(e.target.value)} autoFocus placeholder="Name eingeben…" style={{ border: "none", background: "transparent", outline: "none", fontSize: 15, flex: 1 }} /> {filtered.length}
{filtered.map((s, i) => ( ))}
Tipp: Tab zum Springen · zum Bestätigen.
); }; const StudentDesktopSeat = () => { return (
{/* Map column */}
Hallo, Carla 👋
Wähle deinen Sitz
Klicke auf einen freien Platz — Belegt­zeichen sind grau.
Slot
K7QJ-MX2P
frei belegt dein Sitz
{/* Side panel */}
); }; const StudentDesktopConfirmed = () => { return (
Eingecheckt um 14:03
Du sitzt auf T1-3
Anwesenheit erfasst · +3 Bonuspunkte für diese Woche.
Präsent
); }; Object.assign(window, { StudentDesktopName, StudentDesktopSeat, StudentDesktopConfirmed });