chatbot-template/app/chat/[id]/page.tsx
2023-06-02 15:15:35 -04:00

56 lines
1.4 KiB
TypeScript

import { Sidebar } from "@/app/sidebar";
import { auth } from "@/auth";
import { type Metadata } from "next";
import { Chat } from "@/app/chat";
import { type Chat as ChatType } from "@/lib/types";
import { kv } from "@vercel/kv";
import { Message } from "ai-connector";
export const runtime = "edge";
export const preferredRegion = "home";
export interface ChatPageProps {
params: {
id: string;
};
}
export async function generateMetadata({
params,
}: ChatPageProps): Promise<Metadata> {
const session = await auth();
const chat = await getChat(params.id, session?.user?.email ?? "");
return {
title: chat?.title.slice(0, 50) ?? "Chat",
};
}
export default async function ChatPage({ params }: ChatPageProps) {
const session = await auth();
const chat = await getChat(params.id, session?.user?.email ?? "");
return (
<div className="relative flex h-full w-full overflow-hidden">
<Sidebar session={session} />
<div className="flex h-full min-w-0 flex-1 flex-col">
<Chat id={chat.id} initialMessages={chat.messages as Message[]} />
</div>
</div>
);
}
ChatPage.displayName = "ChatPage";
async function getChat(id: string, userId: string) {
const chat = await kv.hgetall<ChatType>(`chat:${id}`);
if (!chat) {
throw new Error("Not found");
}
if (userId && chat.userId !== userId) {
throw new Error("Unauthorized");
}
return chat;
}