Post a New Job

\n \n

\n );\n }\n\n if (loading) {\n return (\n

Loading jobs...

\n );\n }\n\n if (error) {\n return (\n

Error: {error}

\n \n

\n );\n }\n\n return (\n

\n Job Opportunities ({jobs.length})\n

\n \n 🔄 Refresh\n \n

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

📭

No jobs posted yet

Be the first to post a job opportunity!

\n ) : (\n

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

\n )}\n

\n );\n}\n\nfunction JobCard({ job }: { job: JobPosting }) {\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric'\n });\n };\n\n const getTypeColor = (type: string) => {\n switch (type) {\n case 'full-time': return 'bg-green-100 text-green-800';\n case 'part-time': return 'bg-blue-100 text-blue-800';\n case 'contract': return 'bg-purple-100 text-purple-800';\n case 'internship': return 'bg-orange-100 text-orange-800';\n default: return 'bg-gray-100 text-gray-800';\n }\n };\n\n return (\n

\n {job.title}\n

\n {job.remote && (\n \n 🌐 Remote\n \n )}\n

\n\n

\n 🏢\n {job.company}\n

\n 📍\n {job.location}\n

\n {job.salary && (\n

\n 💰\n {job.salary}\n

\n )}\n

\n\n

\n {job.description}\n

\n\n

\n \n {job.type}\n \n

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

\n\n

\n Posted by: {job.posted_by}\n

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