276577b66c
- 消息星标：MessageList 卡片星标按钮（乐观更新+回滚）、MessageDetail 头部星标切换 - 消息草稿：MessageCompose 自动保存（2s 防抖）+ 手动保存按钮 + 状态指示器 + 发送后清理草稿 - 公告置顶：AnnouncementCard 管理端置顶按钮、AnnouncementDetail 置顶切换、置顶 Badge - 公告已读回执：用户端详情页自动标记已读 + 已读/未读 Badge、管理端已读人数显示 - i18n：新增 announcements.meta.readCount 翻译键
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import { notFound } from "next/navigation"
|
|
import type { Metadata } from "next"
|
|
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 { getAnnouncementById, isAnnouncementReadByUser } from "@/modules/announcements/data-access"
|
|
import { AnnouncementDetail } from "@/modules/announcements/components/announcement-detail"
|
|
|
|
export const dynamic = "force-dynamic"
|
|
|
|
export async function generateMetadata(): Promise<Metadata> {
|
|
const t = await getTranslations("announcements")
|
|
return { title: t("title.detail") }
|
|
}
|
|
|
|
export default async function AnnouncementDetailPage({
|
|
params,
|
|
}: {
|
|
params: Promise<{ id: string }>
|
|
}): Promise<JSX.Element> {
|
|
const { id } = await params
|
|
const ctx = await requirePermission(Permissions.ANNOUNCEMENT_READ)
|
|
|
|
const announcement = await getAnnouncementById(id)
|
|
if (!announcement) notFound()
|
|
|
|
// 获取当前用户的已读状态
|
|
const isReadByCurrentUser = await isAnnouncementReadByUser(id, ctx.userId)
|
|
|
|
return (
|
|
<div className="flex h-full flex-col space-y-8 p-8">
|
|
<AnnouncementDetail
|
|
announcement={{ ...announcement, isReadByCurrentUser }}
|
|
canManage={false}
|
|
backHref="/announcements"
|
|
/>
|
|
</div>
|
|
)
|
|
}
|