\n {/* Header with filters and post button */}\n

Job Opportunities

{filteredJobs.length} jobs available

\n \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 {/* Filters */}\n

\n Location:\n setFilter(e.target.value as typeof filter)}\n className=\"border border-gray-300 rounded-md px-3 py-1 text-sm\"\n >\n \n \n \n \n

\n \n

\n Type:\n setTypeFilter(e.target.value as typeof typeFilter)}\n className=\"border border-gray-300 rounded-md px-3 py-1 text-sm\"\n >\n \n \n \n \n \n \n

\n\n {/* Job listings */}\n

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

📭

No jobs found

\n {jobs.length === 0 \n ? \"Be the first to post a job opportunity!\" \n : \"Try adjusting your filters to see more results.\"\n }\n

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

{job.title}

\n {job.company}\n •\n {job.location}\n {job.remote && (\n <>\n •\n 🌍 Remote\n \n )}\n

\n \n {job.type}\n \n \n {formatDate(job.posted_at)}\n \n

\n \n

{job.description}

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

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

\n )}\n

\n \n

\n \n 📧 Apply Now\n \n \n Contact: {job.contact_email}\n \n

\n ))\n )}\n

\n\n {/* Job posting form modal */}\n {showForm && (\n setShowForm(false)}\n onJobCreated={() => {\n setShowForm(false);\n onJobsChange();\n }}\n />\n )}\n

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