fix chat

src/app/@modal/(.)assistant/_components/ChatModal.tsx

@@ -0,0 +1,32 @@
+'use client'
+import { useRouter } from 'next/navigation'
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '~/components/ui/dialog'
+import ChatInterface from '~/app/chat/_components/ChatInterface'
+
+type DBMessage = {
+	id: string
+	role: 'user' | 'assistant'
+	content: string
+}
+
+interface ChatModalProps {
+	sessionId?: string
+	// initialMessages: DBMessage[]
+}
+
+export default function ChatModal({ sessionId }: ChatModalProps) {
+	const router = useRouter()
+
+	return (
+		<Dialog modal={true} open onOpenChange={() => router.back()}>
+			<DialogContent className="w-full max-w-full rounded-none sm:max-w-full h-[100svh] lg:max-w-3xl lg:rounded-xl lg:h-[80vh] flex flex-col p-0 gap-0">
+				<DialogHeader className="p-4 border-b shrink-0">
+					<DialogTitle>Talk To My AI-Assistant</DialogTitle>
+				</DialogHeader>
+				<div className="flex-1 overflow-hidden min-h-0">
+					<ChatInterface sessionId={sessionId} />
+				</div>
+			</DialogContent>
+		</Dialog>
+	)
+}

src/app/@modal/(.)assistant/page.tsx

@@ -0,0 +1,15 @@
+'use client'
+import { Skeleton } from '~/components/ui/skeleton';
+import ChatModal from './_components/ChatModal'
+import { trpc } from '~/app/_trpc/Client'
+
+export default function AssistantModalPage() {
+	const { data: session, error, isLoading } = trpc.chat.getSession.useQuery();
+	return (
+		<>
+			&& <ChatModal sessionId={session?.id} />
+			{error && <div>{error.message}</div>}
+			{isLoading && <Skeleton />}
+		</>
+	)
+}