function MainComponent() { const [selectedSubject, setSelectedSubject] = React.useState(''); const [pdfFile, setPdfFile] = React.useState(null); const [subscriptions, setSubscriptions] = React.useState([]); const [folderName, setFolderName] = React.useState(''); const [loading, setLoading] = React.useState(false); const [result, setResult] = React.useState([]); const [scrapedContent, setScrapedContent] = React.useState(''); const handleSubjectChange = (event)=>{ setSelectedSubject(event.target.value); }; const handlePDFChange = (event)=>{ setPdfFile(event.target.files[0]); }; const handleSubscriptionChange = (event)=>{ const value = event.target.value.split(','); if (event.target.checked && !subscriptions.includes(value)) { setSubscriptions([ ...subscriptions, value ]); } else { setSubscriptions(subscriptions.filter((sub)=>sub !== value)); } }; const handleFolderNameChange = (event)=>{ setFolderName(event.target.value); }; const handleSubmit = async (event)=>{ event.preventDefault(); setLoading(true); const formData = new FormData(); formData.append('pdfFile', pdfFile); formData.append('subject', selectedSubject); formData.append('folderName', folderName); formData.append('subscriptions', subscriptions.join(',')); try { // Logic to send formData object to the server omitted } catch (error) { // Error handling omitted } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto my-6 p-3", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl text-center mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, "UPSC ANNA - Share Your Notes"), loading && /*#__PURE__*/ React.createElement("div", { className: "text-center text-xl", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-spinner fa-spin", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "subject", className: "font-semibold", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Subject"), /*#__PURE__*/ React.createElement("select", { id: "subject", name: "subject", value: selectedSubject, onChange: handleSubjectChange, className: "w-full p-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Select a Subject"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pdfFile", className: "font-semibold", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "PDF File"), /*#__PURE__*/ React.createElement("input", { id: "pdfFile", name: "pdfFile", type: "file", onChange: handlePDFChange, accept: "application/pdf", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "subscriptions", className: "font-semibold", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Subscriptions"), /*#__PURE__*/ React.createElement("input", { id: "subscriptions", name: "subscriptions", type: "checkbox", value: selectedSubject, onChange: handleSubscriptionChange, className: "mr-2", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }), "Subscribe to this subject"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "folderName", className: "font-semibold", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Folder Name (optional)"), /*#__PURE__*/ React.createElement("input", { id: "folderName", name: "folderName", type: "text", value: folderName, onChange: handleFolderNameChange, placeholder: "Enter a custom folder name", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-gray-300 text-black rounded px-6 py-3 mr-2", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, "View Notes"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white rounded px-6 py-3 ml-2", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, "Share Notes")))); }