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

{error}

\n navigate(\"/jobs\")}\n className=\"mt-4 px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition\"\n >\n Back to Jobs\n \n

\n );\n }\n\n if (!job) {\n return (\n

Job not found

\n navigate(\"/jobs\")}\n className=\"mt-4 px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition\"\n >\n Back to Jobs\n \n

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

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

{job.title}

{job.company}

\n \n

\n \n {job.location}\n

\n \n {job.salary && (\n

\n \n {job.salary}\n

\n )}\n \n

\n \n Posted {new Date(job.created_at || \"\").toLocaleDateString()}\n

\n \n {job.deadline && (\n

\n \n Deadline: {new Date(job.deadline).toLocaleDateString()}\n

\n )}\n

\n \n

\n {hasApplied ? (\n

\n \n You've applied to this job\n

\n ) : (\n isAuthenticated ? setShowApplyForm(!showApplyForm) : navigate(\"/login\")}\n className=\"px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition\"\n >\n {isAuthenticated ? \"Apply Now\" : \"Login to Apply\"}\n \n )}\n

\n \n {/* Application Success Message */}\n {applicationSuccess && (\n

\n \n

Application Submitted Successfully!

Your application has been received. You can track its status in your applications dashboard.

\n navigate(\"/applications\")}\n className=\"px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700 transition\"\n >\n View My Applications\n \n

\n )}\n \n {/* Apply Form */}\n {showApplyForm && !hasApplied && (\n

Submit Your Application

\n \n {error && (\n

{error}

\n )}\n \n \n

\n )}\n \n {/* Job Details */}\n

\n {/* Description */}\n

Job Description

\n {job.description.split(\"\\n\").map((paragraph, index) => (\n

{paragraph}

\n ))}\n

\n \n

\n {/* Required Skills */}\n

Required Skills

\n {job.skills && job.skills.length > 0 ? (\n

\n {job.skills.map(skill => (\n

\n {skill.name}\n {skill.importance && (\n = 4 \n ? \"bg-red-100 text-red-800\" \n : skill.importance >= 2\n ? \"bg-yellow-100 text-yellow-800\"\n : \"bg-green-100 text-green-800\"\n }`}>\n {skill.importance >= 4 \n ? \"Required\" \n : skill.importance >= 2\n ? \"Preferred\"\n : \"Bonus\"}\n \n )}\n

\n ))}\n

\n ) : (\n

No specific skills listed for this job.

\n )}\n

\n \n {/* Share Job */}\n

Share This Job

\n \n \n \n

\n );\n};\n\nexport default JobDetail;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/Beryl5_Oluoch/project1/code/frontend/components/JobDetail.tsx","extension","actionData","errors"]