You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1001 B
TypeScript
36 lines
1001 B
TypeScript
import Head from "next/head";
|
|
import { useState } from "react";
|
|
|
|
import FileQandAArea from "../components/FileQandAArea";
|
|
import { FileLite } from "../types/file";
|
|
import FileUploadArea from "../components/FileUploadArea";
|
|
|
|
export default function FileQandA() {
|
|
const [files, setFiles] = useState<FileLite[]>([]);
|
|
|
|
return (
|
|
<div className="flex items-left text-left h-screen flex-col">
|
|
<Head>
|
|
<title>File Q&A</title>
|
|
</Head>
|
|
<div className="max-w-3xl mx-auto m-8 space-y-8 text-gray-800">
|
|
<h1 className="text-4xl">File Q&A</h1>
|
|
|
|
<div className="">
|
|
To search for answers from the content in your files, upload them here
|
|
and we will use OpenAI embeddings and GPT to find answers from the
|
|
relevant documents.
|
|
</div>
|
|
|
|
<FileUploadArea
|
|
handleSetFiles={setFiles}
|
|
maxNumFiles={75}
|
|
maxFileSizeMB={30}
|
|
/>
|
|
|
|
<FileQandAArea files={files} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|