\n {/* Header Section */}\n

Job Opportunities

\n {jobs.length} {jobs.length === 1 ? 'position' : 'positions'} available\n

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

\n\n {/* Search Bar */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full px-4 py-3 pl-12 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n

\n 🔍\n

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

Post a New Job

\n setShowForm(false)}\n className=\"text-gray-400 hover:text-gray-600 text-2xl\"\n >\n ✕\n \n

\n setShowForm(false)}\n />\n

\n )}\n\n {/* Jobs List */}\n

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

📭

\n {searchTerm ? 'No jobs match your search' : 'No jobs posted yet'}\n

\n {searchTerm \n ? 'Try adjusting your search terms'\n : 'Be the first to post a job opportunity!'\n }\n

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

\n {job.title}\n

\n \n 🏢 {job.company}\n \n \n 📍 {job.location}\n \n \n 💰 {job.salary}\n \n \n 📅 {formatDate(job.created_at)}\n \n

\n handleDeleteJob(job.id)}\n className=\"text-red-400 hover:text-red-600 p-2 rounded-lg hover:bg-red-50 transition-colors\"\n title=\"Delete job\"\n >\n 🗑️\n \n

\n \n

\n {job.description}\n

\n \n

\n \n 📧 Contact Employer\n \n \n Contact: {job.contact_email}\n \n

\n ))\n )}\n

\n \n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/Alashakawee/Test/code/frontend/components/JobBoard.tsx","extension","actionData","errors"]