51 lines
1.4 KiB
TypeScript
51 lines
1.4 KiB
TypeScript
import { type Metadata } from 'next'
|
|
import { notFound } from 'next/navigation'
|
|
|
|
import { filterMessages, formatDate } from '@/lib/utils'
|
|
import { getSharedChat } from '@/app/actions'
|
|
import { ChatList } from '@/components/chat-list'
|
|
|
|
interface SharePageProps {
|
|
params: {
|
|
id: string
|
|
}
|
|
}
|
|
|
|
export async function generateMetadata({
|
|
params
|
|
}: SharePageProps): Promise<Metadata> {
|
|
const chat = await getSharedChat(params.id)
|
|
|
|
return {
|
|
title: chat?.title.slice(0, 50) ?? 'Chat'
|
|
}
|
|
}
|
|
|
|
export default async function SharePage({ params }: SharePageProps) {
|
|
const chat = await getSharedChat(params.id)
|
|
const filteredMessages = filterMessages(chat?.messages ?? [])
|
|
const avatarUrl = chat?.avatarUrl
|
|
|
|
if (!chat || !chat?.sharePath) {
|
|
notFound()
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<div className="flex-1 space-y-6">
|
|
<div className="border-b bg-background px-4 py-6 md:px-6 md:py-8">
|
|
<div className="mx-auto max-w-2xl md:px-6">
|
|
<div className="space-y-1 md:-mx-8">
|
|
<h1 className="text-2xl font-bold">{chat.title}</h1>
|
|
<div className="text-sm text-muted-foreground">
|
|
{formatDate(chat?.createdAt)} · {filteredMessages.length} messages
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<ChatList messages={chat.messages} avatarUrl={avatarUrl} />
|
|
</div>
|
|
</>
|
|
)
|
|
}
|