Improve sidebar, new chat, and share dialog (#190)

app/(chat)/chat/[id]/page.tsx

@@ -0,0 +1,47 @@
+import { type Metadata } from 'next'
+import { notFound, redirect } from 'next/navigation'
+
+import { auth } from '@/auth'
+import { getChat } from '@/app/actions'
+import { Chat } from '@/components/chat'
+
+export interface ChatPageProps {
+  params: {
+    id: string
+  }
+}
+
+export async function generateMetadata({
+  params
+}: ChatPageProps): Promise<Metadata> {
+  const session = await auth()
+
+  if (!session?.user) {
+    return {}
+  }
+
+  const chat = await getChat(params.id, session.user.id)
+  return {
+    title: chat?.title.toString().slice(0, 50) ?? 'Chat'
+  }
+}
+
+export default async function ChatPage({ params }: ChatPageProps) {
+  const session = await auth()
+
+  if (!session?.user) {
+    redirect(`/sign-in?next=/chat/${params.id}`)
+  }
+
+  const chat = await getChat(params.id, session.user.id)
+
+  if (!chat) {
+    notFound()
+  }
+
+  if (chat?.userId !== session?.user?.id) {
+    notFound()
+  }
+
+  return <Chat id={chat.id} initialMessages={chat.messages} />
+}

app/(chat)/layout.tsx

@@ -0,0 +1,17 @@
+import { SidebarDesktop } from '@/components/sidebar-desktop'
+
+interface ChatLayoutProps {
+  children: React.ReactNode
+}
+
+export default async function ChatLayout({ children }: ChatLayoutProps) {
+  return (
+    <div className="relative flex h-[calc(100vh_-_theme(spacing.16))] overflow-hidden">
+      {/* @ts-ignore */}
+      <SidebarDesktop />
+      <div className="group w-full overflow-auto pl-0 animate-in duration-300 ease-in-out peer-[[data-state=open]]:lg:pl-[250px] peer-[[data-state=open]]:xl:pl-[300px]">
+        {children}
+      </div>
+    </div>
+  )
+}

app/(chat)/page.tsx

@@ -0,0 +1,8 @@
+import { nanoid } from '@/lib/utils'
+import { Chat } from '@/components/chat'
+
+export default function IndexPage() {
+  const id = nanoid()
+
+  return <Chat id={id} />
+}