// src/features/admin/ui/admin-students-card.jsx
//
// Per-student card + the class-history sub-component. Extracted from
// admin-students.jsx for size.
// Public on window: ASCard, ASClassHistory.
// Reads modals off window — admin-students-modals.jsx loads first.
const { ASConfirmDelete, ASEditStudent, ASRechargeModal } = window;
// Friendly text for the assignment-meet backend's skip reasons, so the admin
// understands WHY a one-click Meet link couldn't be made. Anything we don't
// recognise falls back to a generic retry message.
const asMeetReason = (reason) => {
switch (reason) {
case 'not connected':
case 'no refresh token':
return "This teacher hasn't connected their Google Calendar yet.";
case 'instructor has no user_id':
return 'This teacher has no login account to generate from.';
case 'no-session':
return 'Your session expired — refresh and try again.';
case 'network':
return 'Network error — try again.';
default:
return 'Could not generate a link. Try again.';
}
};
// Inline per-assignment meeting-URL editor. One URL per (student, instructor)
// pair — both the student's dashboard and the instructor's dashboard pick
// this up for their Join button. Per-booking meeting_link on bookings still
// overrides this when set (rare — used for one-off lessons).
//
// "Generate" mints a persistent Google Meet room from the teacher's connected
// Google Calendar (works only when that teacher has connected Google);
// "Copy" puts the current link on the clipboard.
const ASMeetingUrlEditor = ({ assignment }) => {
const data = window.useAdminData();
const [val, setVal] = React.useState(assignment.meetingUrl || '');
const [busy, setBusy] = React.useState(false);
const [saved, setSaved] = React.useState(false);
const [gen, setGen] = React.useState(false);
const [genMsg, setGenMsg] = React.useState('');
const [copied, setCopied] = React.useState(false);
React.useEffect(() => { setVal(assignment.meetingUrl || ''); }, [assignment.meetingUrl]);
const save = async () => {
const next = (val || '').trim();
if (next === (assignment.meetingUrl || '')) return;
setBusy(true); setSaved(false);
try {
await data.updateAssignment(assignment.id, { meetingUrl: next });
setSaved(true);
setTimeout(() => setSaved(false), 1500);
} catch (e) { alert(e.message || 'Save failed.'); }
finally { setBusy(false); }
};
// One click → a Google Meet room for this student↔teacher pair. The backend
// writes assignments.meeting_url itself (service role) and our data method
// refreshes the cache, so we just mirror the URL into the box. A non-success
// result carries a reason we turn into a sentence.
const generate = async () => {
setGen(true); setGenMsg('');
try {
const res = await data.generateAssignmentMeet(assignment.id);
if (res && res.ok && res.meetingUrl) { setVal(res.meetingUrl); }
else { setGenMsg(asMeetReason(res && res.reason)); }
} catch (e) {
setGenMsg('Could not generate a link. Try again.');
} finally { setGen(false); }
};
const copy = async () => {
const text = (val || '').trim();
if (!text) return;
let ok = false;
// Prefer the async Clipboard API. It can reject (permissions policy) OR
// hang indefinitely when the tab isn't focused, so race it against a short
// timeout — we never want the button to wedge waiting on it.
if (navigator.clipboard && navigator.clipboard.writeText) {
try {
await Promise.race([
navigator.clipboard.writeText(text).then(() => { ok = true; }),
new Promise((_, reject) => setTimeout(() => reject(new Error('timeout')), 1000)),
]);
} catch (_) { /* fall through to the textarea path */ }
}
if (!ok) {
// Synchronous fallback — works without focus and on older browsers.
try {
const ta = document.createElement('textarea');
ta.value = text; ta.style.position = 'fixed'; ta.style.opacity = '0';
document.body.appendChild(ta); ta.focus(); ta.select();
ok = document.execCommand('copy');
document.body.removeChild(ta);
} catch (_) { /* no clipboard available — leave the link visible to copy by hand */ }
}
if (ok) { setCopied(true); setTimeout(() => setCopied(false), 1500); }
};
const btnBase = { padding:'4px 9px', borderRadius:6, border:'1px solid oklch(88% 0.02 265)', background:'#fff', fontSize:11, fontWeight:700, whiteSpace:'nowrap' };
const hasVal = !!(val && val.trim());
return (
{/* Notes the student attached to this lesson — admin-only by RLS.
Joe explicitly wanted these visible to him for context, but
hidden from the student (already hidden — they only see message
they wrote, not anyone else's notes about it). */}
{b.message && (
{!cancelled && (
{/* Always-visible paid/unpaid toggle. Clicking it flips state in
either direction, so a mis-tap is recoverable and the button
never becomes a no-op. */}
{b.paid && !b.settled && (
)}
)}
{student.name}
{/* NULL magic_link_sent_at = no invite email sent yet. */}
{student.magicLinkSentAt == null && }
{/* Classes left (hidden on mobile) */}
{!isMobile && (
{student.classesBalance} left
)}
{/* Instructor(s) (hidden on mobile) */}
{!isMobile && (
{instructorNames || no instructor}
)}
{/* Open-drawer chevron */}
›
{/* Detail drawer — slides in from the right (like the Schedule drawer).
Primary "+ Add Classes" up top; payments / teachers / settings folded. */}
{expand && (
setExpand(false)}
>
{/* Primary action — recharging the class balance is the most-used move */}
{ if (e.target === e.currentTarget) closeLoginLinkPanel(); }}>
{loginLinkError ? (
<>
Could not mint login link
{loginLinkError}
) : (
<>
Login link for {loginLinkResult.email}
Open an incognito Chrome window (Cmd+Shift+N) and paste this URL — you'll be signed in as this student for real. Same RLS, same realtime, same view. Single-use, expires in 1 hour.