Post a New Job

Share your opportunity with the community

\n \n

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

Job Opportunities

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

\n \n {loading ? '🔄 Refreshing...' : '🔄 Refresh'}\n \n

\n\n {error && (\n

\n Error: {error}\n

\n )}\n\n {loading ? (\n

Loading jobs...

\n ) : jobs.length === 0 ? (\n

No jobs posted yet

Be the first to share an opportunity!

\n ) : (\n

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

\n )}\n

\n );\n}\n\nfunction JobCard({ job }: { job: Job }) {\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n };\n\n const getTypeEmoji = (type: Job['type']) => {\n switch (type) {\n case 'full-time': return '🕘';\n case 'part-time': return '⏰';\n case 'contract': return '📝';\n case 'internship': return '🎓';\n default: return '💼';\n }\n };\n\n return (\n

\n {job.title}\n

\n {getTypeEmoji(job.type)}\n {job.type.replace('-', ' ')}\n

\n\n

\n {job.company}\n

\n 📍 {job.location}\n {job.remote && Remote OK}\n

\n {job.salary && (\n

\n 💰 {job.salary}\n

\n )}\n

\n\n

\n {job.description}\n

\n\n

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

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