mirror of
https://github.com/QuivrHQ/quivr.git
synced 2024-12-16 10:02:30 +03:00
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { useKnowledgeToFeedContext } from "@/lib/context/KnowledgeToFeedProvider/hooks/useKnowledgeToFeedContext";
|
|
import { useCustomDropzone } from "@/lib/hooks/useDropzone";
|
|
|
|
import { ActionsBar } from "./components/ActionsBar";
|
|
import { ChatDialogueArea } from "./components/ChatDialogueArea/ChatDialogue";
|
|
|
|
const SelectedChatPage = (): JSX.Element => {
|
|
const { getRootProps } = useCustomDropzone();
|
|
const { shouldDisplayFeedCard } = useKnowledgeToFeedContext();
|
|
|
|
return (
|
|
<div
|
|
className={`flex flex-col flex-1 items-center justify-stretch w-full h-full overflow-hidden ${
|
|
shouldDisplayFeedCard ? "bg-chat-bg-gray" : "bg-white"
|
|
} dark:bg-black transition-colors ease-out duration-500`}
|
|
data-testid="chat-page"
|
|
{...getRootProps()}
|
|
>
|
|
<div
|
|
className={`flex flex-col flex-1 w-full max-w-5xl h-full dark:shadow-primary/25 overflow-hidden p-2 sm:p-4 md:p-6 lg:p-8`}
|
|
>
|
|
<div className="flex flex-1 flex-col overflow-y-auto">
|
|
<ChatDialogueArea />
|
|
</div>
|
|
<ActionsBar />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SelectedChatPage;
|