function MainComponent() { const [pdfFile, setPdfFile] = React.useState(null); const [question, setQuestion] = React.useState(''); const [answer, setAnswer] = React.useState(''); const [summary, setSummary] = React.useState(''); const [progress, setProgress] = React.useState(0); const handlePdfUpload = async (event)=>{ const file = event.target.files[0]; setPdfFile(file); const formData = new FormData(); formData.append('pdf', file); try { const response = await axios.post('/upload', formData); console.log(response.data); // Update progress after successful upload setProgress(20); } catch (error) { console.error('Error uploading PDF:', error); } }; const handleQuestionSubmit = async (event)=>{ event.preventDefault(); const question = event.target.elements.question.value; setQuestion(question); try { const response = await axios.post('/api/question', { question }); setAnswer(response.data.answer); // Update progress after successful question submission setProgress(50); } catch (error) { console.error('Error submitting question:', error); } }; const handleSummaryRequest = async ()=>{ try { const response = await axios.get('/api/summary'); setSummary(response.data.summary); // Update progress after successful summary request setProgress(80); } catch (error) { console.error('Error requesting summary:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "AI Tutor App"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "Upload PDF"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: ".pdf", onChange: handlePdfUpload, className: "border border-gray-300 p-2 rounded", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }), pdfFile && /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 58, columnNumber: 21 }, __self: this }, "Selected PDF: ", pdfFile.name)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "Ask a Question"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleQuestionSubmit, __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "question", value: question, onChange: (e)=>setQuestion(e.target.value), placeholder: "Enter your question", className: "border border-gray-300 p-2 rounded mr-2", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Submit")), answer && /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 67, columnNumber: 20 }, __self: this }, answer)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "Request Summary"), /*#__PURE__*/ React.createElement("button", { onClick: handleSummaryRequest, className: "bg-green-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, "Get Summary"), summary && /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 73, columnNumber: 21 }, __self: this }, summary)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, "Progress"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-2.5 rounded-full", style: { width: `${progress}%` }, __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, progress, "% Complete"))); }