\n {/* 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 {getJobTypeIcon(job.type)} {job.type.charAt(0).toUpperCase() + job.type.slice(1)}\n \n {job.created_at && (\n \n Posted {formatDate(job.created_at)}\n \n )}\n

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

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

\n {job.description.length > 200 && (\n setExpanded(!expanded)}\n className=\"text-blue-600 hover:text-blue-700 text-sm font-medium mt-2 focus:outline-none\"\n >\n {expanded ? 'Show less' : 'Read more'}\n \n )}\n

\n\n {/* Expanded Content */}\n {expanded && (\n

Requirements

{job.requirements}

\n )}\n\n {/* Actions */}\n

\n setExpanded(!expanded)}\n className=\"text-blue-600 hover:text-blue-700 font-medium focus:outline-none transition-colors\"\n >\n {expanded ? '↑ Show less' : '↓ View details'}\n \n \n 📧 Apply Now\n \n

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