Available Positions

{jobs.length} job{jobs.length !== 1 ? 's' : ''} available

\n setShowForm(true)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors font-medium\"\n >\n ➕ Post a Job\n \n

\n\n {/* Error message */}\n {error && (\n

❌ {error}

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

\n setShowForm(false)}\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-6 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 className=\"text-red-500 hover:text-red-700 p-1 rounded\"\n title=\"Delete job\"\n >\n 🗑️\n \n

\n \n

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

\n \n {job.salary && (\n

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

\n )}\n \n

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

\n \n

\n 📅\n Posted {job.created_at ? formatDate(job.created_at) : 'recently'}\n

\n \n

Description

{job.description}

\n ))\n )}\n

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