function MainComponent() { const [showPostInput, setShowPostInput] = React.useState(false); const [posts, setPosts] = React.useState([]); const [showCommunitySection, setShowCommunitySection] = React.useState(false); const [showNewCommunityInput, setShowNewCommunityInput] = React.useState(false); const [newCommunityName, setNewCommunityName] = React.useState(""); const [selectedCommunity, setSelectedCommunity] = React.useState(null); const [communities, setCommunities] = React.useState([]); const [communityPosts, setCommunityPosts] = React.useState({}); const [showThread, setShowThread] = React.useState(null); const [commentInput, setCommentInput] = React.useState(""); const handlePost = (content)=>{ setPosts([ ...posts, { content } ]); setShowPostInput(false); }; const handleCommunityPost = (content)=>{ setCommunityPosts({ ...communityPosts, [selectedCommunity]: [ ...communityPosts[selectedCommunity] || [], { content } ] }); setSelectedCommunity(null); }; const handleNewCommunity = ()=>{ setCommunities([ ...communities, newCommunityName ]); setNewCommunityName(""); setShowNewCommunityInput(false); }; const handleComment = (postIndex, content)=>{ const newPosts = [ ...posts ]; if (!newPosts[postIndex].comments) { newPosts[postIndex].comments = []; } newPosts[postIndex].comments.push(content); setPosts(newPosts); setShowThread(null); }; const postInputElement = /*#__PURE__*/ React.createElement("div", { className: "my-4", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "postContent", maxLength: "200", className: "w-full h-[100px] p-2 border rounded", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePost(document.getElementsByName('postContent')[0].value), className: "mt-2 p-2 bg-[#007BFF] text-white rounded", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "Go")); const communityPostElement = /*#__PURE__*/ React.createElement("div", { className: "my-4", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "communityPostContent", maxLength: "1000", className: "w-full h-[200px] p-2 border rounded", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleCommunityPost(document.getElementsByName('communityPostContent')[0].value), className: "mt-2 p-2 bg-[#007BFF] text-white rounded", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, "Post")); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4 max-w-[800px] mx-auto", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, "EM"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCommunitySection(false), className: "p-2 bg-[#f0f0f0] border-2 rounded", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "z"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCommunitySection(true), className: "p-2 bg-[#f0f0f0] border-2 rounded", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "θ")), !showCommunitySection && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPostInput(true), className: "p-2 bg-[#007BFF] text-white rounded mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "Post"), showPostInput && postInputElement, posts.map((post, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border-b py-4 cursor-pointer", onClick: ()=>setShowThread(index), __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, post.content), showThread === index && /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowThread(null), className: "p-2 bg-[#FF6347] text-white rounded mt-2", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, "Close"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCommentInput(index), className: "p-2 bg-[#007BFF] text-white rounded mt-2 ml-2", __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }, "Comment"), commentInput === index && /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 76, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "commentContent", maxLength: "100", className: "w-full h-[50px] p-1 border rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleComment(index, document.getElementsByName('commentContent')[0].value), className: "mt-2 p-1 bg-[#007BFF] text-white rounded", __source: { fileName: "", lineNumber: 78, columnNumber: 23 }, __self: this }, "Go")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, post.comments && post.comments.map((comment, idx)=>/*#__PURE__*/ React.createElement("p", { key: idx, className: "ml-2 italic", __source: { fileName: "", lineNumber: 82, columnNumber: 75 }, __self: this }, comment))))))), showCommunitySection && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNewCommunityInput(true), className: "p-2 bg-[#007BFF] text-white rounded mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "Create new θ"), showNewCommunityInput && /*#__PURE__*/ React.createElement("div", { className: "my-4", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "newCommunityName", maxLength: "50", value: newCommunityName, onChange: (e)=>setNewCommunityName(e.target.value), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleNewCommunity, className: "mt-2 p-2 bg-[#007BFF] text-white rounded", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, "Create")), /*#__PURE__*/ React.createElement("div", { className: "my-4", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, communities.map((community, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border-b py-4 cursor-pointer", onClick: ()=>setSelectedCommunity(community), __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, community), selectedCommunity === community && /*#__PURE__*/ React.createElement("div", { className: "ml-4 mt-2", __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, communityPostElement, /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 107, columnNumber: 21 }, __self: this }, (communityPosts[community] || []).map((post, idx)=>/*#__PURE__*/ React.createElement("p", { key: idx, className: "ml-2", __source: { fileName: "", lineNumber: 109, columnNumber: 25 }, __self: this }, post.content))))))))); }