mdares/ACVE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

advance

Browse Source
This commit is contained in:
Marcelo
2026-02-17 00:07:00 +00:00
parent b7a86a2d1c
commit be4ca2ed78
92 changed files with 6850 additions and 1188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
components/teacher/TeacherDashboardClient.tsx Normal file → Executable file
View File

@@ -15,6 +15,13 @@ export default function TeacherDashboardClient() {
return () => window.removeEventListener(teacherCoursesUpdatedEventName, load);
}, []);
const totalLessons = courses.reduce((sum, course) => sum + course.lessons.length, 0);
const totalStudents = courses.reduce((sum, course) => sum + course.students, 0);
const averageRating =
courses.length === 0 ? 0 : courses.reduce((sum, course) => sum + course.rating, 0) / courses.length;
const publishedCount = courses.filter((course) => course.status === "Published").length;
const draftCount = courses.filter((course) => course.status === "Draft").length;
return (
<div className="space-y-6">
<div className="flex items-center justify-between gap-3">
@@ -22,14 +29,39 @@ export default function TeacherDashboardClient() {
<h1 className="text-3xl font-bold text-slate-900">Teacher Dashboard</h1>
<p className="text-slate-600">Manage teacher-created courses stored locally for MVP.</p>
</div>
<Link
className="rounded-md bg-ink px-4 py-2 text-sm font-semibold text-white hover:brightness-105"
href="/teacher/courses/new"
>
Create course
</Link>
<div className="flex gap-2">
<Link
className="rounded-md border border-slate-300 px-4 py-2 text-sm font-semibold hover:bg-slate-50"
href="/teacher/uploads"
>
Upload library
</Link>
<Link
className="rounded-md bg-ink px-4 py-2 text-sm font-semibold text-white hover:brightness-105"
href="/teacher/courses/new"
>
Create course
</Link>
</div>
</div>
<section className="grid gap-4 sm:grid-cols-3">
<article className="rounded-xl border border-slate-200 bg-white p-4 shadow-sm">
<p className="text-xs font-semibold uppercase tracking-wide text-slate-500">Courses</p>
<p className="mt-2 text-2xl font-semibold text-slate-900">{courses.length}</p>
<p className="mt-1 text-xs text-slate-500">Published: {publishedCount} | Draft: {draftCount}</p>
</article>
<article className="rounded-xl border border-slate-200 bg-white p-4 shadow-sm">
<p className="text-xs font-semibold uppercase tracking-wide text-slate-500">Lessons</p>
<p className="mt-2 text-2xl font-semibold text-slate-900">{totalLessons}</p>
</article>
<article className="rounded-xl border border-slate-200 bg-white p-4 shadow-sm">
<p className="text-xs font-semibold uppercase tracking-wide text-slate-500">Avg. rating</p>
<p className="mt-2 text-2xl font-semibold text-slate-900">{averageRating.toFixed(1)}</p>
<p className="mt-1 text-xs text-slate-500">Students tracked: {totalStudents}</p>
</article>
</section>
{courses.length === 0 ? (
<div className="rounded-xl border border-dashed border-slate-300 bg-white p-6 text-sm text-slate-600">
No teacher-created courses yet.
@@ -41,6 +73,7 @@ export default function TeacherDashboardClient() {
<div className="flex flex-wrap items-start justify-between gap-3">
<div>
<p className="text-xs font-semibold uppercase tracking-wide text-brand">{course.level}</p>
<p className="mt-1 text-xs font-semibold uppercase tracking-wide text-slate-500">{course.status}</p>
<h2 className="text-xl font-semibold text-slate-900">{course.title}</h2>
<p className="mt-1 text-sm text-slate-600">{course.summary}</p>
</div>