1a9377222c
- Add error.tsx and loading.tsx boundaries for admin, parent, student, teacher routes - Add dashboard-error-fallback and dashboard-loading-skeleton components - Add student/learning page, parent/leave routes, teacher textbook components - Update existing app routes across auth, dashboard, and API endpoints - Update proxy middleware and next-auth type declarations
62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
import { UserX } from "lucide-react"
|
|
|
|
import { getStudentClasses } from "@/modules/classes/data-access"
|
|
import { getCurrentStudentUser } from "@/modules/users/data-access"
|
|
import { StudentCoursesView } from "@/modules/student/components/student-courses-view"
|
|
import { CourseFilters } from "@/modules/student/components/course-filters"
|
|
import { EmptyState } from "@/shared/components/ui/empty-state"
|
|
import { getParam, type SearchParams } from "@/shared/lib/search-params"
|
|
|
|
export const dynamic = "force-dynamic"
|
|
|
|
export default async function StudentCoursesPage({
|
|
searchParams,
|
|
}: {
|
|
searchParams: Promise<SearchParams>
|
|
}) {
|
|
const student = await getCurrentStudentUser()
|
|
if (!student) {
|
|
return (
|
|
<div className="space-y-8">
|
|
<div>
|
|
<h2 className="text-2xl font-bold tracking-tight">Courses</h2>
|
|
<p className="text-muted-foreground">Your enrolled classes.</p>
|
|
</div>
|
|
<EmptyState
|
|
title="No user found"
|
|
description="Create a student user to see courses."
|
|
icon={UserX}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
const [sp, classes] = await Promise.all([
|
|
searchParams,
|
|
getStudentClasses(student.id),
|
|
])
|
|
|
|
const q = (getParam(sp, "q") || "").toLowerCase().trim()
|
|
const filteredClasses = q
|
|
? classes.filter((c) => {
|
|
return (
|
|
c.name.toLowerCase().includes(q) ||
|
|
(c.teacherName?.toLowerCase().includes(q) ?? false) ||
|
|
(c.schoolName?.toLowerCase().includes(q) ?? false) ||
|
|
(c.homeroom?.toLowerCase().includes(q) ?? false)
|
|
)
|
|
})
|
|
: classes
|
|
|
|
return (
|
|
<div className="space-y-8">
|
|
<div>
|
|
<h2 className="text-2xl font-bold tracking-tight">Courses</h2>
|
|
<p className="text-muted-foreground">Your enrolled classes.</p>
|
|
</div>
|
|
{classes.length > 0 && <CourseFilters />}
|
|
<StudentCoursesView classes={filteredClasses} />
|
|
</div>
|
|
)
|
|
}
|