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

Job Postings

{jobs.length} opportunities available

\n setShowForm(!showForm)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors font-medium\"\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 text-white px-4 py-2 rounded-lg hover:bg-blue-700 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 disabled={loading}\n className=\"text-red-500 hover:text-red-700 p-1 rounded transition-colors disabled:opacity-50\"\n title=\"Delete job\"\n >\n 🗑️\n \n

\n \n

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

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

\n \n

{job.description}

\n \n

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

\n \n 📧 Contact\n \n

\n ))\n )}\n

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