\n 💼 Community Job Board\n

Find your next opportunity or post a job

\n setShowForm(true)}\n className=\"bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 transition-colors font-medium\"\n >\n Post a Job\n \n

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

\n Filter by type:\n handleFilterChange(e.target.value)}\n className=\"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\n {/* Error Message */}\n {error && (\n

\n {error}\n setError(null)}\n className=\"float-right text-red-500 hover:text-red-700\"\n >\n ✕\n \n

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

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

📭

No jobs found

\n {typeFilter === 'all' \n ? \"Be the first to post a job opportunity!\" \n : `No ${typeFilter.toLowerCase()} positions available right now.`\n }\n

\n setShowForm(true)}\n className=\"bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 transition-colors\"\n >\n Post the First Job\n \n

\n ) : (\n <>\n

\n {filteredJobs.length} {filteredJobs.length === 1 ? 'Job' : 'Jobs'} Available\n

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

\n \n )}\n

\n\n {/* Job Form Modal */}\n {showForm && (\n setShowForm(false)}\n isSubmitting={isSubmitting}\n />\n )}\n

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