\n {/* Header */}\n

Job Opportunities

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

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

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

Loading jobs...

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

{error}

\n \n Try again\n \n

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

💼

No jobs posted yet

Be the first to post a job opportunity!

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

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

{job.title}

{job.company}

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

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

\n \n

{job.description}

\n ))}\n

\n )}\n

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/englid/kemmy/code/frontend/components/JobBoard.tsx","extension","actionData","errors"]