\n {/* Back Button */}\n setSelectedJob(null)}\n className=\"mb-6 flex items-center space-x-2 text-blue-600 hover:text-blue-800 transition-colors\"\n >\n ←\n Back to Job Board\n \n\n {/* Job Details */}\n

{selectedJob.title}

\n {selectedJob.company}\n

\n 📍\n {selectedJob.location}\n

\n 💼\n {selectedJob.type.replace('-', ' ')}\n

\n {selectedJob.salary_range && (\n

\n 💰\n {selectedJob.salary_range}\n

\n )}\n

\n\n

Job Description

\n {selectedJob.description}\n

\n\n

Requirements

\n {selectedJob.requirements}\n

\n\n

\n Posted on {new Date(selectedJob.posted_at).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n })}\n {selectedJob.expires_at && (\n \n Expires {new Date(selectedJob.expires_at).toLocaleDateString()}\n \n )}\n

\n \n 📧 Apply Now\n \n

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

\n {/* Header */}\n

IT Job Opportunities

Discover your next career opportunity in technology

\n\n {/* Filters */}\n

\n Search\n handleFilterChange('search', e.target.value)}\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 />\n

\n Job Type\n handleFilterChange('type', e.target.value)}\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 >\n \n \n \n \n \n \n

\n Location\n handleFilterChange('location', e.target.value)}\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 />\n

\n \n Clear Filters\n \n

\n\n {/* Loading State */}\n {loading && (\n

Loading jobs...

\n )}\n\n {/* Error State */}\n {error && (\n

\n ⚠️\n {error}\n \n Try Again\n \n

\n )}\n\n {/* Jobs List */}\n {!loading && !error && (\n <>\n

\n {jobs.length} job{jobs.length !== 1 ? 's' : ''} found\n

\n \n 🔄 Refresh\n \n

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

🔍

No jobs found

Try adjusting your filters or check back later for new opportunities.

\n ) : (\n

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

\n )}\n \n )}\n

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