5d42495480
- 新增 SettingsService 接口 + Context 注入，组件层不再直接 import users/messaging actions - 新增 resolveRoleSettingsConfig 配置驱动角色路由，删除 parent/student/teacher-settings-view 冗余文件 - 新增 SettingsSectionErrorBoundary，每个 TabsContent + profile 角色概览区块均包裹 - 新增 ProfileStudentOverview/ProfileTeacherOverview 异步 Server Component + 骨架屏，支持流式渲染 - 抽取 buildStudentOverviewData 等纯函数到 lib/student-overview-data.ts，便于单元测试 - 新增 settings.json 翻译文件（zh-CN + en），所有组件改用 useTranslations/getTranslations - 重构 profile/page.tsx：i18n 适配 + Suspense 分区加载 + 业务逻辑抽离 - 同步更新架构图 004/005
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import { Lock } from "lucide-react"
|
|
import { getTranslations } from "next-intl/server"
|
|
|
|
import { requireAuth } from "@/shared/lib/auth-guard"
|
|
import { PasswordChangeForm } from "@/modules/settings/components/password-change-form"
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/shared/components/ui/card"
|
|
import { PageHeader } from "@/shared/components/ui/page-header"
|
|
|
|
export const dynamic = "force-dynamic"
|
|
|
|
export const metadata = {
|
|
title: "Security Settings",
|
|
}
|
|
|
|
export default async function SecuritySettingsPage() {
|
|
await requireAuth()
|
|
const t = await getTranslations("settings")
|
|
|
|
return (
|
|
<div className="flex h-full flex-col gap-8 p-8">
|
|
<PageHeader
|
|
title={t("tabs.security")}
|
|
description={t("security.changePassword.description")}
|
|
icon={Lock}
|
|
/>
|
|
|
|
<div className="max-w-2xl space-y-6">
|
|
<PasswordChangeForm />
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>{t("security.tips.title")}</CardTitle>
|
|
<CardDescription>{t("security.tips.description")}</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<ul className="space-y-2 text-sm text-muted-foreground">
|
|
<li>{t("security.tips.tip1")}</li>
|
|
<li>{t("security.tips.tip2")}</li>
|
|
<li>{t("security.tips.tip3")}</li>
|
|
<li>{t("security.tips.tip4")}</li>
|
|
</ul>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|