\n {/* Header */}\n

Job Opportunities

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

\n setShowForm(true)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors font-medium\"\n >\n + Post a Job\n \n

\n\n {/* Error State */}\n {error && (\n

\n {error}\n \n Try again\n \n

\n )}\n\n {/* Loading State */}\n {loading && (\n

Loading jobs...

\n )}\n\n {/* Empty State */}\n {!loading && jobs.length === 0 && !error && (\n

📋

No jobs posted yet

Be the first to post a job opportunity!

\n setShowForm(true)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors\"\n >\n Post the First Job\n \n

\n )}\n\n {/* Jobs List */}\n {!loading && jobs.length > 0 && (\n

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

{job.title}

{job.company}

\n \n 📍 {job.location}\n \n {job.remote && (\n \n 🌐 Remote Available\n \n )}\n \n {job.type.charAt(0).toUpperCase() + job.type.slice(1)}\n \n {job.salary && (\n \n 💰 {job.salary}\n \n )}\n

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

\n\n {/* Description Preview */}\n

\n {expandedJob === job.id \n ? job.description \n : job.description.length > 200 \n ? job.description.substring(0, 200) + '...'\n : job.description\n }\n

\n {job.description.length > 200 && (\n setExpandedJob(expandedJob === job.id ? null : job.id)}\n className=\"text-blue-600 hover:text-blue-800 text-sm mt-1\"\n >\n {expandedJob === job.id ? 'Show less' : 'Read more'}\n \n )}\n

\n\n {/* Contact Info */}\n

\n Contact: {job.contact_email}\n

\n \n Apply Now\n \n

\n ))}\n

\n )}\n

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