\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

\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

\n \n Work Style\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

\n 🔍\n

No jobs found

\n {jobs.length === 0 \n ? \"No jobs have been posted yet. Be the first to post one!\"\n : \"Try adjusting your search criteria to find more opportunities.\"\n }\n

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

{job.title}

\n {getJobTypeEmoji(job.type)}\n {job.remote && 🌍}\n

\n \n 🏢\n {job.company}\n \n \n 📍\n {job.location}\n \n \n 📅\n {formatDate(job.posted_at)}\n \n

\n \n {job.type}\n \n {job.remote && (\n \n Remote\n \n )}\n

\n {job.salary && (\n

\n {job.salary}\n

\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/kevinkipruto/kevin/code/frontend/components/JobBoard.tsx","extension","actionData","errors"]