完整性更新

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

src/modules/dashboard/components/student-dashboard/student-stats-grid.tsx

@@ -0,0 +1,66 @@
+import { BookOpen, CheckCircle2, PenTool, TriangleAlert } from "lucide-react"
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card"
+
+type Stat = {
+  title: string
+  value: string
+  description: string
+  icon: typeof BookOpen
+}
+
+export function StudentStatsGrid({
+  enrolledClassCount,
+  dueSoonCount,
+  overdueCount,
+  gradedCount,
+}: {
+  enrolledClassCount: number
+  dueSoonCount: number
+  overdueCount: number
+  gradedCount: number
+}) {
+  const stats: readonly Stat[] = [
+    {
+      title: "My Classes",
+      value: String(enrolledClassCount),
+      description: "Enrolled classes",
+      icon: BookOpen,
+    },
+    {
+      title: "Due Soon",
+      value: String(dueSoonCount),
+      description: "Next 7 days",
+      icon: PenTool,
+    },
+    {
+      title: "Overdue",
+      value: String(overdueCount),
+      description: "Needs attention",
+      icon: TriangleAlert,
+    },
+    {
+      title: "Graded",
+      value: String(gradedCount),
+      description: "With score",
+      icon: CheckCircle2,
+    },
+  ]
+
+  return (
+    <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+      {stats.map((stat) => (
+        <Card key={stat.title}>
+          <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+            <CardTitle className="text-sm font-medium">{stat.title}</CardTitle>
+            <stat.icon className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold tabular-nums">{stat.value}</div>
+            <div className="text-xs text-muted-foreground">{stat.description}</div>
+          </CardContent>
+        </Card>
+      ))}
+    </div>
+  )
+}