\n {/* Header */}\n

\n 💬 Community Lobby\n

Connect with fellow farmers and share knowledge

\n setShowNewPost(!showNewPost)}\n className=\"bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg transition-all transform hover:scale-105\"\n >\n {showNewPost ? 'Cancel' : '✏️ New Post'}\n \n

\n\n {/* New Post Form */}\n {showNewPost && (\n

Start a New Discussion

\n setNewPost({...newPost, title: e.target.value})}\n className=\"md:col-span-2 px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n required\n />\n setNewPost({...newPost, category: e.target.value})}\n className=\"px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {categories.slice(1).map(cat => (\n \n ))}\n \n

\n setNewPost({...newPost, content: e.target.value})}\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n rows={4}\n required\n />\n

\n setShowNewPost(false)}\n className=\"px-6 py-2 text-gray-600 hover:text-gray-800 transition-colors\"\n >\n Cancel\n \n \n Post Discussion\n \n

\n \n

\n )}\n\n

\n {/* Categories Sidebar */}\n

\n {discussion.title}\n

\n \n

\n {discussion.content}\n

\n \n

\n \n \n \n

\n ))}\n

\n ) : (\n

🌾

\n No discussions yet\n

\n Be the first to start a conversation in this category!\n

\n setShowNewPost(true)}\n className=\"bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg transition-colors\"\n >\n Start Discussion\n \n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Pondaman/Farmers_Hub/code/frontend/components/Lobby.tsx","extension","actionData","errors"]

\n 💬 Community Lobby\n

Start a New Discussion

Categories

{discussion.username}

\n {discussion.title}\n

\n No discussions yet\n