\n );\n }\n\n return (\n

\n 🌍\n Peace Building Ideas & Works\n

\n setShowForm(!showForm)}\n className=\"bg-gradient-to-r from-green-500 to-blue-500 text-white px-6 py-2 rounded-lg hover:from-green-600 hover:to-blue-600 transition-all\"\n >\n {showForm ? \"Cancel\" : \"Share Your Idea\"}\n \n

\n\n {showForm && (\n

\n \n Title\n \n setFormData({ ...formData, title: e.target.value })}\n className=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Give your idea a compelling title...\"\n required\n />\n

\n\n

\n \n Category\n \n setFormData({ ...formData, category: e.target.value as any })}\n className=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n \n

\n\n

\n \n Description\n \n setFormData({ ...formData, content: e.target.value })}\n rows={4}\n className=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Describe your idea, work, or document in detail...\"\n required\n />\n

\n\n

\n \n Attach File (Optional)\n \n

\n setSelectedFile(e.target.files?.[0] || null)}\n className=\"hidden\"\n id=\"file-upload\"\n accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png,.gif,.mp4,.mp3,.wav\"\n />\n \n

\n 📎\n {selectedFile ? selectedFile.name : \"Click to upload a file\"}\n

\n \n

\n\n \n {isSubmitting ? \"Sharing...\" : \"Share with Community\"}\n \n \n

\n )}\n\n

\n {ideas.map((idea) => (\n

\n {getCategoryIcon(idea.category)}\n

{idea.title}

\n by {idea.authorName} • {new Date(idea.createdAt).toLocaleDateString()}\n

\n \n {idea.category.charAt(0).toUpperCase() + idea.category.slice(1)}\n \n

\n\n

{idea.content}

\n\n {idea.fileUrl && (\n

\n 📎\n \n {idea.fileName}\n \n

\n )}\n\n

\n handleLike(idea.id)}\n className=\"flex items-center space-x-2 text-gray-600 hover:text-red-500 transition-colors\"\n >\n ❤️\n {idea.likes}\n \n \n

\n Supporting world peace 🕊️\n

\n ))}\n\n {ideas.length === 0 && (\n

🌱

\n Be the first to share!\n

\n Start the conversation about building world peace.\n

\n )}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/amarereta/Peace/code/frontend/components/IdeaBoard.tsx","extension","actionData","errors"]