\n {/* Search and Filters */}\n

\n \n Search Jobs\n \n

\n setSearchTerm(e.target.value)}\n className=\"w-full pl-10 pr-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n placeholder=\"Search by title, company, or description...\"\n />\n

\n 🔍\n

\n\n

\n \n Job Type\n \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 focus:border-transparent\"\n >\n \n \n \n \n \n \n

\n\n

\n \n Location\n \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 focus:border-transparent\"\n placeholder=\"Filter by location...\"\n />\n

\n\n

\n \n Search\n \n {hasActiveFilters && (\n \n Clear Filters\n \n )}\n

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

\n\n {/* Job Results */}\n {loading ? (\n

Loading jobs...

\n ) : jobs.length === 0 ? (\n

📭

No jobs found

\n {hasActiveFilters \n ? \"Try adjusting your search criteria or clearing filters.\"\n : \"Be the first to post a job!\"\n }\n

\n {hasActiveFilters && (\n \n Clear Filters\n \n )}\n

\n ) : (\n

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

\n )}\n

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