// pages/dashboard.jsx — student dashboard: home, live, recordings list, player, profile
const { useState: useS_D } = React;
// ───── Shared shell ──────────────────────────────────────────
function DashShell({ go, current, isLoggedIn, children, setTweak }) {
// If not logged in, you'd normally redirect to /login.
// For the prototype, we render a friendly redirect prompt.
if (!isLoggedIn) return ;
return (
{children}
);
}
const LoggedOutGate = ({ go, setTweak }) => (
Login required
You need to be logged in to see the dashboard.
);
// ───── Dashboard home ────────────────────────────────────────
function DashboardHome({ go, isLoggedIn, enrollment, setTweak }) {
return (
Tuesday, Aug 12
Welcome back, Ananya.
ISC-XII · Class 12
{/* Enrollment status */}
{/* Next class */}
{/* Recent recordings */}
Recent recordings
{enrollment === "enrolled" ? (
{RECORDINGS.slice(0, 3).map((r, i) => (
))}
) : (
)}
{/* Right column — sidebar widgets */}
This week
{[
{ day: "Mon 11", title: "Inheritance — Live", time: "7:00 PM", done: true },
{ day: "Thu 14", title: "Classes & Objects", time: "7:00 PM", done: true },
{ day: "Mon 18", title: "Polymorphism", time: "7:00 PM", done: false },
{ day: "Thu 21", title: "OOP Recap & Practice", time: "7:00 PM", done: false },
].map((s) => (
))}
Tip of the day
In Python, lists are mutable but tuples are not. If you find yourself wanting to "change" a tuple — use a list.
Active enrolment
Expires Feb 04, 2026
ISC-XII Aug 2025
ISC Class 12 — Computer Science · Live every Mon & Thu, 7:00 PM IST
);
}
if (enrollment === "expired") {
return (
Expired
Ended Feb 04, 2025
Your enrolment has expired.
Recordings are still visible for the next 30 days. Renew to keep attending live classes and accessing new uploads.
);
}
// not enrolled
return (
Not enrolled
You're not enrolled yet.
Enrol in the Aug 2025 batch to unlock live classes and recordings. ₹1800/month — cancel anytime.
);
};
const NextClassCard = ({ enrollment, go }) => {
const locked = enrollment !== "enrolled";
return (
Next class
Polymorphism
Mon, Aug 18
7:00 PM IST
Chapter 2 · Object Oriented Programming
{locked && (
Available after enrolment
)}
);
};
// ───── Live page ─────────────────────────────────────────────
function DashboardLive({ go, isLoggedIn, enrollment, setTweak }) {
const locked = enrollment !== "enrolled";
return (
Live class
ISC-XII Aug 2025
Active batch
Next live session
In 3 days
Polymorphism — OOP
Monday · 7:00–8:30 PM IST
meet.google.com/abc-xyz-pqr
Weekly schedule
{[
{ day: "Monday", time: "7:00 – 8:30 PM IST", note: "Theory + worked examples" },
{ day: "Thursday", time: "7:00 – 8:30 PM IST", note: "Practice + doubts" },
{ day: "Saturday", time: "10:00 – 11:00 AM", note: "Office hours (optional)" },
].map((s) => (
))}
Missed a class?
The recording will be uploaded within 24 hours. Find it in the Recordings tab.
{locked && (
go("/signup")}
/>
)}
);
}
// ───── Recordings list ───────────────────────────────────────
function DashboardRecordings({ go, isLoggedIn, enrollment, setTweak }) {
const locked = enrollment !== "enrolled" && enrollment !== "expired";
// group by chapter
const grouped = useMemo(() => {
const m = new Map();
RECORDINGS.forEach(r => { if (!m.has(r.chapter)) m.set(r.chapter, []); m.get(r.chapter).push(r); });
return Array.from(m.entries());
}, []);
return (
Recordings · ISC-XII Aug 2025
All sessions
{enrollment === "expired" && (
Your enrolment has expired
You can keep watching recordings for 30 days. Renew to access new uploads.
)}
{grouped.map(([chapter, items]) => (
{chapter}
{items.length} recording{items.length > 1 ? "s" : ""}
{items.map((r) => (
))}
))}
{locked && (
go("/signup")}
/>
)}
);
}
// ───── Recording player ──────────────────────────────────────
function DashboardRecordingPlayer({ go, parts, isLoggedIn, enrollment, setTweak }) {
const id = parts[2];
const idx = RECORDINGS.findIndex(r => r.id === id);
const rec = RECORDINGS[idx] || RECORDINGS[0];
const prev = idx > 0 ? RECORDINGS[idx - 1] : null;
const next = idx < RECORDINGS.length - 1 ? RECORDINGS[idx + 1] : null;
return (
{rec.chapter}
{rec.date}
{rec.duration}
{rec.title}
Live session recorded on {rec.date}. Covers the core concepts of {rec.chapter.toLowerCase()} with worked Python examples and a Q&A at the end.
);
}
// ───── Profile ───────────────────────────────────────────────
function DashboardProfile({ go, isLoggedIn, setTweak }) {
const [edit, setEdit] = useS_D(false);
const [form, setForm] = useS_D({ name: "Ananya Krishnan", phone: "+91 98765 43210", cls: "12", board: "ISC" });
const u = (k, v) => setForm(p => ({ ...p, [k]: v }));
return (
{!edit &&
}
{form.name}
{form.board}-{form.cls === "10" ? "X" : "XII"}
Class {form.cls}
u("name", v)} />
u("phone", v)} />
u("cls", v === "10" ? "10" : "12") || u("board", v === "10" ? "ICSE" : "ISC")}
options={[["10","Class 10 (ICSE) — Computer Applications"],["12","Class 12 (ISC) — Computer Science"]]} />
{edit && (
)}
Enrolment
ISC-XII AUG 2025
Active
Expires Feb 04, 2026
Account
);
}
const Field = ({ label, value, onChange, disabled, readOnly, hint }) => (
onChange && onChange(e.target.value)} disabled={disabled} readOnly={readOnly}
style={{ background: (disabled || readOnly) ? "var(--paper)" : "var(--white)", color: (disabled || readOnly) ? "var(--ink-2)" : "var(--ink)" }} />
{hint &&
{hint}
}
);
const SelectField = ({ label, value, onChange, disabled, options }) => (
);
const EmptyOrLockedRecordings = ({ enrollment, go, compact }) => (
Recordings locked
Enrol to unlock all recordings for ISC-XII Aug 2025.
);
const { useMemo } = React;
Object.assign(window, {
DashboardHome, DashboardLive, DashboardRecordings,
DashboardRecordingPlayer, DashboardProfile,
});