Files
NextEdu/src/app/(dashboard)/teacher/elective/page.tsx
SpecialX 21142f9b99 feat(app): add error/loading boundaries across all dashboard routes and new routes
- Add error.tsx and loading.tsx boundaries for admin, parent, student, teacher routes

- Add admin announcements edit, audit-logs overview, curriculum-map, invitation-codes, permissions, questions, roles routes

- Add admin elective detail and components, files, course-plans, users, scheduling boundaries

- Add messages group-compose route

- Add parent course-plans, elective, grades report-card, practice routes

- Add student course-plans, elective detail, error-book dialogs, grades report-card, learning study-path, leave, schedule boundaries

- Add teacher attendance report, classes boundaries, course-plans boundaries, elective, exams analytics/edit-rich/all/create/new, grades report-card, homework boundaries, leave, lesson-plans calendar

- Add auth loading, onboarding loading, api cron
2026-07-03 10:26:25 +08:00

59 lines
1.8 KiB
TypeScript

import type { JSX } from "react"
import { getTranslations } from "next-intl/server"
import { requirePermission } from "@/shared/lib/auth-guard"
import { Permissions } from "@/shared/types/permissions"
import { getParam, type SearchParams } from "@/shared/lib/search-params"
import { getElectiveCourses } from "@/modules/elective/data-access"
import { ElectiveCourseList } from "@/modules/elective/components/elective-course-list"
import { ElectivePageLayout } from "@/modules/elective/components/elective-page-layout"
import type { ElectiveCourseStatus } from "@/modules/elective/types"
export const dynamic = "force-dynamic"
const VALID_STATUSES: ReadonlySet<string> = new Set([
"draft",
"open",
"closed",
"cancelled",
])
function parseStatus(v?: string): ElectiveCourseStatus | undefined {
return v && VALID_STATUSES.has(v) ? (v as ElectiveCourseStatus) : undefined
}
export default async function TeacherElectivePage({
searchParams,
}: {
searchParams: Promise<SearchParams>
}): Promise<JSX.Element> {
const t = await getTranslations("elective")
const ctx = await requirePermission(Permissions.ELECTIVE_READ)
const teacherId = ctx.userId
const sp = await searchParams
const statusParam = getParam(sp, "status")
const status = parseStatus(statusParam)
const courses = teacherId
? await getElectiveCourses({ teacherId, status })
: []
const header = (
<div className="space-y-1">
<h1 className="text-2xl font-bold tracking-tight">{t("title.teacher")}</h1>
<p className="text-muted-foreground">{t("description.teacher")}</p>
</div>
)
return (
<ElectivePageLayout header={header}>
<ElectiveCourseList
courses={courses}
canManage
createHref="/teacher/elective/create"
editBaseHref="/teacher/elective"
/>
</ElectivePageLayout>
)
}