Job Opportunities

\n \n 🔄 Refresh\n \n

\n\n {/* Filters */}\n

\n \n Search\n \n setSearchTerm(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\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 shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n >\n \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 shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n

\n\n {/* Job Count */}\n

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

\n\n {/* Job Listings */}\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 to find more opportunities.\"\n }\n

\n ) : (\n

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

{job.title}

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

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

\n\n

Description

{job.description}

\n \n

Requirements

{job.requirements}

\n ))}\n

\n )}\n

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