\n {getJobTypeEmoji(job.job_type)}\n

{job.title}

\n \n {job.status.toUpperCase()}\n \n

\n\n

\n 📍\n {job.location}\n

\n \n {job.pay_rate && (\n

\n 💰\n {job.pay_rate}\n

\n )}\n \n

\n 🏷️\n {job.job_type}\n

\n \n

\n 👤\n Posted by {job.posted_by}\n

\n \n

\n 📅\n {new Date(job.created_at).toLocaleDateString()}\n

\n\n

{job.description}

\n\n

\n Contact: {job.contact_info}\n

\n\n {showApplicationForm && job.status === 'open' && (\n

\n {!showApplyForm ? (\n setShowApplyForm(true)}\n className=\"bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg font-medium transition-colors\"\n >\n 🎸 Apply for This Gig\n \n ) : (\n

Apply for this position

\n \n

\n \n Your Name *\n \n setApplicationData(prev => ({ ...prev, applicant_name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n required\n />\n

\n \n

\n \n Your Contact Info *\n \n setApplicationData(prev => ({ ...prev, contact_info: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n required\n />\n

\n \n

\n \n Message *\n \n setApplicationData(prev => ({ ...prev, message: e.target.value }))}\n placeholder=\"Tell them about your experience, style, and why you're interested...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 h-24 resize-none\"\n required\n />\n

\n \n

\n \n {isSubmitting ? 'Submitting...' : 'Submit Application'}\n \n setShowApplyForm(false)}\n className=\"bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded-lg font-medium transition-colors\"\n >\n Cancel\n \n

\n )}\n

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/kyei94/GuitarBoard/code/frontend/components/JobPosting.tsx","extension","actionData","errors"]