Loading posts...

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

\n {/* Create Post Button */}\n

\n setShowCreateForm(!showCreateForm)}\n className=\"w-full bg-blue-600 text-white py-3 px-4 rounded-md hover:bg-blue-700 font-medium\"\n >\n {showCreateForm ? \"Cancel\" : \"🆘 Request Help\"}\n \n

\n\n {/* Create Post Form */}\n {showCreateForm && (\n

Request Tutoring Help

\n \n Subject\n \n setNewPost({ ...newPost, subject: 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., Biology, Calculus, Chemistry\"\n />\n

\n\n

\n \n Description\n \n setNewPost({ ...newPost, description: 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=\"Describe what you need help with...\"\n rows={4}\n />\n

\n\n

\n \n Urgency\n \n setNewPost({ ...newPost, urgency: e.target.value as any })}\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 >\n \n \n \n \n

\n\n

\n \n Location Preference\n \n setNewPost({ ...newPost, location_preference: e.target.value as any })}\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 >\n \n \n \n \n

\n\n \n Post Request\n \n \n

\n )}\n\n {/* Posts Feed */}\n

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

No help requests yet. Be the first to ask for help!

\n ) : (\n posts.map((post) => (\n

{post.subject}

\n by {post.user_name} • {post.user_school} • {post.user_grade}\n

\n \n {post.urgency}\n \n {formatTimeAgo(post.created_at)}\n

\n\n

{post.description}

\n\n

\n 📍 {post.location_preference}\n 💬 {post.responses_count} responses\n

\n \n {post.user_id !== user.id && (\n fetchPostDetails(post)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 text-sm\"\n >\n Help Out\n \n )}\n

\n ))\n )}\n

\n\n {/* Post Detail Modal */}\n {selectedPost && (\n

{selectedPost.subject}

\n by {selectedPost.user_name} • {selectedPost.user_school}\n

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

\n\n

{selectedPost.description}

\n\n {/* Response Form */}\n

\n \n Offer to help:\n \n setResponseText(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=\"Explain how you can help...\"\n rows={3}\n required\n />\n \n Send Offer\n \n \n\n {/* Existing Responses */}\n

\n Responses ({postResponses.length})\n

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

No responses yet.

\n ) : (\n postResponses.map((response) => (\n

{response.tutor_name}

\n {Array.from({ length: Math.floor(response.tutor_reputation) }, (_, i) => (\n ★\n ))}\n {Array.from({ length: 5 - Math.floor(response.tutor_reputation) }, (_, i) => (\n ☆\n ))}\n

\n ({response.tutor_reputation.toFixed(1)})\n

\n \n {formatTimeAgo(response.created_at)}\n \n

{response.message}

\n ))\n )}\n

\n )}\n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/jibolad1/LearnEasy/code/frontend/components/PostFeed.tsx","extension","actionData","errors"]