完整性更新

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

src/modules/settings/components/teacher-settings-view.tsx

@@ -0,0 +1,148 @@
+"use client"
+
+import Link from "next/link"
+import { User, Palette, Lock, LayoutDashboard, PenTool, CalendarDays, Library, FileQuestion } from "lucide-react"
+import { signOut } from "next-auth/react"
+
+import { ThemePreferencesCard } from "@/modules/settings/components/theme-preferences-card"
+import { Button } from "@/shared/components/ui/button"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { Input } from "@/shared/components/ui/input"
+import { Label } from "@/shared/components/ui/label"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/shared/components/ui/tabs"
+
+type SettingsUser = {
+  id?: string | null
+  name?: string | null
+  email?: string | null
+  role?: string | null
+}
+
+export function TeacherSettingsView({ user }: { user: SettingsUser }) {
+  const role = "teacher"
+  const name = user.name ?? "-"
+  const email = user.email ?? "-"
+
+  return (
+    <div className="flex h-full flex-col gap-8 p-8">
+      <div className="flex flex-col justify-between gap-4 md:flex-row md:items-center">
+        <div className="space-y-1">
+          <h1 className="text-3xl font-bold tracking-tight">Settings</h1>
+          <div className="text-sm text-muted-foreground">Manage your preferences and teaching workspace.</div>
+        </div>
+        <div className="flex items-center gap-2">
+          <Button asChild variant="outline">
+            <Link href="/teacher/dashboard">Back to dashboard</Link>
+          </Button>
+        </div>
+      </div>
+
+      <Tabs defaultValue="general" className="w-full">
+        <TabsList className="w-full justify-start">
+          <TabsTrigger value="general" className="gap-2">
+            <User className="h-4 w-4" />
+            General
+          </TabsTrigger>
+          <TabsTrigger value="appearance" className="gap-2">
+            <Palette className="h-4 w-4" />
+            Appearance
+          </TabsTrigger>
+          <TabsTrigger value="security" className="gap-2">
+            <Lock className="h-4 w-4" />
+            Security
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="general" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Account</CardTitle>
+              <CardDescription>Signed-in user details from session.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="grid gap-4 sm:grid-cols-2">
+                <div className="space-y-2">
+                  <Label htmlFor="name">Name</Label>
+                  <Input id="name" value={name} disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="email">Email</Label>
+                  <Input id="email" value={email} disabled />
+                </div>
+                <div className="space-y-2">
+                  <Label htmlFor="role">Role</Label>
+                  <Input id="role" value={role} className="tabular-nums" disabled />
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle>Quick links</CardTitle>
+              <CardDescription>Jump to common teacher areas.</CardDescription>
+            </CardHeader>
+            <CardContent className="flex flex-wrap gap-2">
+              <Button asChild variant="outline">
+                <Link href="/profile">Profile</Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/dashboard">
+                  <LayoutDashboard className="h-4 w-4" />
+                  Dashboard
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/textbooks">
+                  <Library className="h-4 w-4" />
+                  Textbooks
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/exams/all">
+                  <FileQuestion className="h-4 w-4" />
+                  Exams
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/homework/assignments">
+                  <PenTool className="h-4 w-4" />
+                  Homework
+                </Link>
+              </Button>
+              <Button asChild variant="outline" className="gap-2">
+                <Link href="/teacher/classes/schedule">
+                  <CalendarDays className="h-4 w-4" />
+                  Schedule
+                </Link>
+              </Button>
+            </CardContent>
+          </Card>
+        </TabsContent>
+
+        <TabsContent value="appearance" className="mt-6 space-y-6">
+          <ThemePreferencesCard />
+        </TabsContent>
+
+        <TabsContent value="security" className="mt-6 space-y-6">
+          <Card>
+            <CardHeader>
+              <CardTitle>Session</CardTitle>
+              <CardDescription>Account access and session controls.</CardDescription>
+            </CardHeader>
+            <CardContent className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+              <div className="space-y-1">
+                <div className="text-sm font-medium">Sign out</div>
+                <div className="text-sm text-muted-foreground">Return to the login screen.</div>
+              </div>
+              <Button variant="outline" onClick={() => signOut({ callbackUrl: "/login" })}>
+                Log out
+              </Button>
+            </CardContent>
+          </Card>
+        </TabsContent>
+      </Tabs>
+    </div>
+  )
+}
+