;\n }\n\n const getTitle = () => {\n if (showMyJobs) return 'My Posted Jobs';\n if (showApplications) return 'My Applications';\n return 'All Jobs';\n };\n\n return (\n

{getTitle()}

\n \n {!showMyJobs && !showApplications && (\n

\n\n {/* Job Applications View */}\n {showApplications && (\n

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

No applications yet.

\n ) : (\n applications.map((application) => (\n

Job Application

Applied on {new Date(application.created_at).toLocaleDateString()}

\n \n {application.status.charAt(0).toUpperCase() + application.status.slice(1)}\n \n

\n {\n const room: ChatRoom = {\n application_id: application.id,\n job_title: 'Job Application',\n jobseeker_name: user.name,\n employer_name: 'Employer'\n };\n onOpenChat(room);\n }}\n className=\"ml-4 px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700\"\n >\n 💬 Chat\n \n

\n ))\n )}\n

\n )}\n\n {/* Jobs View */}\n {!showApplications && (\n

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

\n {showMyJobs ? 'No jobs posted yet.' : 'No jobs found.'}\n

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

{job.title}

{job.company}

{job.location} • {job.job_type}

\n {job.salary_range && (\n

{job.salary_range}

\n )}\n

{job.description}

\n Posted by {job.employer_name} on {new Date(job.created_at).toLocaleDateString()}\n

\n \n

\n {user.type === 'jobseeker' && !showMyJobs && (\n setSelectedJob(job)}\n className=\"px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700\"\n >\n Apply\n \n )}\n \n {user.type === 'employer' && showMyJobs && (\n {\n setSelectedJob(job);\n loadJobApplications(job.id);\n }}\n className=\"px-4 py-2 bg-green-600 text-white rounded-md hover:bg-green-700\"\n >\n View Applications\n \n )}\n

\n ))\n )}\n

\n )}\n\n {/* Apply Modal */}\n {selectedJob && user.type === 'jobseeker' && !jobApplications.length && (\n

Apply to {selectedJob.title}

\n \n Cover Letter (Optional)\n \n setCoverLetter(e.target.value)}\n rows={4}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"Tell the employer why you're interested in this position...\"\n />\n

\n handleApply(selectedJob)}\n disabled={applying}\n className=\"flex-1 px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:opacity-50\"\n >\n {applying ? 'Applying...' : 'Submit Application'}\n \n {\n setSelectedJob(null);\n setCoverLetter('');\n }}\n className=\"px-4 py-2 bg-gray-300 text-gray-700 rounded-md hover:bg-gray-400\"\n >\n Cancel\n \n

\n )}\n\n {/* Applications Modal for Employers */}\n {selectedJob && user.type === 'employer' && jobApplications.length >= 0 && (\n

Applications for {selectedJob.title}

\n {\n setSelectedJob(null);\n setJobApplications([]);\n }}\n className=\"text-gray-500 hover:text-gray-700\"\n >\n ✕\n \n

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

No applications yet.

\n ) : (\n

\n {jobApplications.map((application) => (\n

{application.jobseeker_name}

{application.jobseeker_email}

\n Applied on {new Date(application.created_at).toLocaleDateString()}\n

\n {application.cover_letter && (\n

Cover Letter:

{application.cover_letter}

\n )}\n

\n \n {application.status.charAt(0).toUpperCase() + application.status.slice(1)}\n \n

\n \n

\n openChatForApplication(application)}\n className=\"px-3 py-1 bg-blue-600 text-white text-sm rounded hover:bg-blue-700\"\n >\n 💬 Chat\n \n {application.status === 'pending' && (\n <>\n updateApplicationStatus(application.id, 'accepted')}\n className=\"px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700\"\n >\n Accept\n \n updateApplicationStatus(application.id, 'rejected')}\n className=\"px-3 py-1 bg-red-600 text-white text-sm rounded hover:bg-red-700\"\n >\n Reject\n \n \n )}\n

\n ))}\n

\n )}\n

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