完整性更新

现在已经实现了大部分基础功能

src/modules/homework/components/homework-assignment-form.tsx

@@ -4,6 +4,7 @@ import { useMemo, useState } from "react"
 import { useFormStatus } from "react-dom"
 import { toast } from "sonner"
 import { useRouter } from "next/navigation"
+import { useSearchParams } from "next/navigation"
 
 import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/shared/components/ui/card"
 import { Button } from "@/shared/components/ui/button"
@@ -13,6 +14,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import { Textarea } from "@/shared/components/ui/textarea"
 
 import { createHomeworkAssignmentAction } from "../actions"
+import type { TeacherClass } from "@/modules/classes/types"
 
 type ExamOption = { id: string; title: string }
 
@@ -25,11 +27,18 @@ function SubmitButton() {
   )
 }
 
-export function HomeworkAssignmentForm({ exams }: { exams: ExamOption[] }) {
+export function HomeworkAssignmentForm({ exams, classes }: { exams: ExamOption[]; classes: TeacherClass[] }) {
   const router = useRouter()
+  const searchParams = useSearchParams()
 
   const initialExamId = useMemo(() => exams[0]?.id ?? "", [exams])
   const [examId, setExamId] = useState<string>(initialExamId)
+  const initialClassId = useMemo(() => {
+    const fromQuery = searchParams.get("classId") || ""
+    if (fromQuery && classes.some((c) => c.id === fromQuery)) return fromQuery
+    return classes[0]?.id ?? ""
+  }, [classes, searchParams])
+  const [classId, setClassId] = useState<string>(initialClassId)
   const [allowLate, setAllowLate] = useState<boolean>(false)
 
   const handleSubmit = async (formData: FormData) => {
@@ -37,7 +46,12 @@ export function HomeworkAssignmentForm({ exams }: { exams: ExamOption[] }) {
       toast.error("Please select an exam")
       return
     }
+    if (!classId) {
+      toast.error("Please select a class")
+      return
+    }
     formData.set("sourceExamId", examId)
+    formData.set("classId", classId)
     formData.set("allowLate", allowLate ? "true" : "false")
     formData.set("publish", "true")
 
@@ -58,6 +72,23 @@ export function HomeworkAssignmentForm({ exams }: { exams: ExamOption[] }) {
       <CardContent>
         <form action={handleSubmit} className="space-y-6">
           <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
+            <div className="grid gap-2 md:col-span-2">
+              <Label>Class</Label>
+              <Select value={classId} onValueChange={setClassId}>
+                <SelectTrigger>
+                  <SelectValue placeholder="Select a class" />
+                </SelectTrigger>
+                <SelectContent>
+                  {classes.map((c) => (
+                    <SelectItem key={c.id} value={c.id}>
+                      {c.name}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+              <input type="hidden" name="classId" value={classId} />
+            </div>
+
             <div className="grid gap-2 md:col-span-2">
               <Label>Source Exam</Label>
               <Select value={examId} onValueChange={setExamId}>
@@ -121,7 +152,7 @@ export function HomeworkAssignmentForm({ exams }: { exams: ExamOption[] }) {
               <Textarea
                 id="targetStudentIdsText"
                 name="targetStudentIdsText"
-                placeholder="Leave empty to assign to all students. You can paste IDs separated by comma or newline."
+                placeholder="Optional. If provided, targets will be limited to students in the selected class."
                 className="min-h-[90px]"
               />
             </div>
@@ -135,4 +166,3 @@ export function HomeworkAssignmentForm({ exams }: { exams: ExamOption[] }) {
     </Card>
   )
 }
-