\n {/* Search and Filters */}\n

\n \n Search Jobs\n \n setSearchTerm(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n \n Job Type\n \n setFilterType(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n \n \n \n

\n \n Location\n \n setFilterRemote(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n \n

\n\n {/* Results Summary */}\n

\n Showing {filteredJobs.length} of {jobs.length} jobs\n

\n\n {/* Job Listings */}\n

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

🔍

No jobs found

\n {jobs.length === 0 \n ? \"No jobs have been posted yet. Be the first to post a job!\"\n : \"Try adjusting your search criteria or filters.\"\n }\n

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

{job.title}

\n \n 🏢\n {job.company}\n \n \n {job.remote ? '🌐' : '📍'}\n {job.remote ? 'Remote' : job.location}\n \n {job.salary && (\n \n 💰\n {job.salary}\n \n )}\n

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

\n \n

\n {job.description}\n

\n \n

\n Contact: {job.contact_email}\n

\n \n Apply Now\n \n

\n ))\n )}\n

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