This commit is contained in:
2026-03-31 14:03:41 +02:00
parent 399d78e508
commit d567fa3e02
14 changed files with 336 additions and 153 deletions

View File

@@ -10,21 +10,21 @@ type DBMessage = {
}
interface ChatModalProps {
sessionId: string
initialMessages: DBMessage[]
sessionId?: string
// initialMessages: DBMessage[]
}
export default function ChatModal({ sessionId, initialMessages }: ChatModalProps) {
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>AI Recruiter</DialogTitle>
<DialogTitle>Talk To My AI-Assistant</DialogTitle>
</DialogHeader>
<div className="flex-1 overflow-hidden min-h-0">
<ChatInterface sessionId={sessionId} initialMessages={initialMessages} />
<ChatInterface sessionId={sessionId} />
</div>
</DialogContent>
</Dialog>

View File

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