\n {/* Header with Post Job Button */}\n

Job Opportunities

\n {jobs.length} {jobs.length === 1 ? 'job' : 'jobs'} available\n

\n setShowForm(!showForm)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition-colors flex items-center gap-2\"\n >\n {showForm ? '❌ Cancel' : '➕ Post Job'}\n \n

\n\n {/* Job Form */}\n {showForm && (\n

Post a New Job

\n \n

\n )}\n\n {/* Jobs List */}\n

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

📋

No jobs posted yet

Be the first to post a job opportunity!

\n setShowForm(true)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition-colors\"\n >\n Post the First Job\n \n

\n ) : (\n jobs.map((job) => (\n

{job.title}

{job.company}

\n handleDeleteJob(job.id)}\n className=\"text-red-500 hover:text-red-700 p-2 rounded-md hover:bg-red-50 transition-colors\"\n title=\"Delete job posting\"\n >\n 🗑️\n \n

\n \n

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

\n 💰\n {job.salary}\n

\n \n

{job.description}

\n \n

\n 📧\n \n {job.contact_email}\n \n

\n \n Posted {formatDate(job.created_at)}\n \n

\n ))\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Lindsey12/Linda/code/frontend/components/JobBoard.tsx","extension","actionData","errors"]