Job Opportunities

{jobs.length} job{jobs.length !== 1 ? 's' : ''} available

\n setShowForm(!showForm)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition-colors\"\n >\n {showForm ? '✕ Cancel' : '+ Post Job'}\n \n

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

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

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

Post a New Job

\n \n

\n )}\n\n {/* Error Message */}\n {error && (\n

⚠️ {error}

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

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

\n 📭\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

{job.title}

{job.company}

\n \n {job.type}\n \n {job.remote && (\n \n 🌍 Remote\n \n )}\n {job.location && (\n 📍 {job.location}\n )}\n {job.salary && (\n 💰 {job.salary}\n )}\n

\n {formatDate(job.created_at)}\n handleDeleteJob(job.id)}\n className=\"text-red-500 hover:text-red-700 p-1 rounded\"\n title=\"Delete job\"\n >\n 🗑️\n \n

\n \n

Description

{job.description}

\n \n

Requirements

{job.requirements}

\n ))\n )}\n

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