🔍

No jobs found

Try adjusting your search criteria or check back later for new postings.

\n );\n }\n\n const getJobTypeColor = (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 'Remote': return 'bg-orange-100 text-orange-800';\n default: return 'bg-gray-100 text-gray-800';\n }\n };\n\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 toggleExpanded = (jobId: number) => {\n setExpandedJob(expandedJob === jobId ? null : jobId);\n };\n\n return (\n

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

\n {/* Job Header */}\n

{job.title}

\n \n 🏢 {job.company}\n \n \n 📍 {job.location}\n \n {job.salary && (\n \n 💰 {job.salary}\n \n )}\n

\n \n {job.type}\n \n {job.postedAt && (\n \n Posted {formatDate(job.postedAt)}\n \n )}\n

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

\n {job.description.length > 150 \n ? `${job.description.substring(0, 150)}...` \n : job.description}\n

\n\n {/* Expand/Collapse Button */}\n toggleExpanded(job.id!)}\n className=\"text-blue-600 hover:text-blue-800 font-medium text-sm transition-colors\"\n >\n {expandedJob === job.id ? '▼ Show Less' : '▶ View Details'}\n \n\n {/* Expanded Content */}\n {expandedJob === job.id && (\n

📋 Job Description

{job.description}

\n \n

✅ Requirements

{job.requirements}

\n\n

📧 Contact

\n \n {job.contactEmail}\n \n

\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/MaggyMags/Maggy/code/frontend/components/JobList.tsx","extension","actionData","errors"]