\n {/* Add Note Button/Form */}\n

\n {!isFormOpen ? (\n setIsFormOpen(true)}\n className=\"w-full p-6 text-left hover:bg-gray-50 transition-colors\"\n >\n

\n ✏️\n

Share Your Notes

Click to add notes from today's service

\n \n ) : (\n

Add Church Notes

\n setIsFormOpen(false)}\n className=\"text-gray-400 hover:text-gray-600\"\n >\n ✕\n \n

\n \n

\n \n Your Name\n \n setFormData(prev => ({ ...prev, author: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"Enter your name\"\n required\n />\n

\n \n

\n \n Service Date\n \n setFormData(prev => ({ ...prev, date: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n required\n />\n

\n \n

\n \n Title/Topic\n \n setFormData(prev => ({ ...prev, title: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"e.g., 'Faith in Action' or 'Sunday Service Notes'\"\n required\n />\n

\n \n

\n \n Notes\n \n setFormData(prev => ({ ...prev, content: e.target.value }))}\n rows={6}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"Share your key takeaways, scripture references, or insights from the service...\"\n required\n />\n

\n \n

\n \n {isSubmitting ? 'Sharing...' : 'Share Notes'}\n \n setIsFormOpen(false)}\n className=\"px-4 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50\"\n >\n Cancel\n \n

\n )}\n

\n\n {/* Notes List */}\n

\n {notes.length === 0 ? (\n

📖

No notes yet

Be the first to share your church notes!

\n ) : (\n notes.map((note) => (\n

{note.title}

\n 👤 {note.author}\n 📅 {formatDate(note.date)}\n

\n \n

\n {note.content}\n

\n ))\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/shekinah/my-first-val/code/frontend/components/NotesSection.tsx","extension","actionData","errors"]