Write a New Post

\n \n ✕\n \n

\n\n {/* Author info */}\n

\n {currentUser.displayName.charAt(0).toUpperCase()}\n

{currentUser.displayName}

@{currentUser.username}

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n {/* Title */}\n

\n \n Title *\n \n setFormData(prev => ({ ...prev, title: e.target.value }))}\n placeholder=\"What's your story about today?\"\n className=\"form-input w-full px-4 py-3 border border-gray-300 rounded-md text-lg\"\n maxLength={200}\n />\n

\n {formData.title.length}/200 characters\n

\n\n {/* Content */}\n

\n \n Content *\n \n setFormData(prev => ({ ...prev, content: e.target.value }))}\n placeholder=\"Share your thoughts, experiences, and stories...\"\n className=\"form-input w-full px-4 py-3 border border-gray-300 rounded-md resize-none\"\n rows={12}\n />\n

\n {formData.content.length} characters\n

\n\n {/* Summary */}\n

\n \n Summary (optional)\n \n \n Auto-generate\n \n

\n setFormData(prev => ({ ...prev, summary: e.target.value }))}\n placeholder=\"A brief summary that will appear in the feed...\"\n className=\"form-input w-full px-4 py-3 border border-gray-300 rounded-md resize-none\"\n rows={3}\n maxLength={200}\n />\n

\n {formData.summary.length}/200 characters. If left empty, one will be generated automatically.\n

\n\n {/* Actions */}\n

\n 💡 Tip: Share your daily experiences, thoughts, and stories with the community\n

\n \n Cancel\n \n \n {submitting ? 'Publishing...' : 'Publish Post'}\n \n

\n\n {/* Writing tips */}\n

Writing Tips

• Share personal experiences and reflections
• Be authentic and genuine in your storytelling
• Use paragraphs to break up longer thoughts
• Engage with your readers by asking questions
• Remember to be respectful and kind to others

\n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/David_Navi/Blogged/code/frontend/components/CreatePost.tsx","extension","actionData","errors"]