Job Opportunities

Discover and share job opportunities

\n setShowForm(!showForm)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors font-medium\"\n >\n {showForm ? '✕ Cancel' : '+ Post Job'}\n \n

\n\n {/* Job Posting Form */}\n {showForm && (\n

Post a New Job

\n \n Job Title *\n \n setFormData({ ...formData, title: 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=\"e.g. Senior Software Engineer\"\n />\n

\n \n Company *\n \n setFormData({ ...formData, company: 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=\"e.g. Tech Corp\"\n />\n

\n \n

\n \n Location *\n \n setFormData({ ...formData, 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=\"e.g. San Francisco, CA / Remote\"\n />\n

\n \n Your Name *\n \n setFormData({ ...formData, poster_name: 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=\"e.g. John Doe\"\n />\n

\n\n

\n \n Job Description *\n \n setFormData({ ...formData, description: 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=\"Describe the role, requirements, benefits, and how to apply...\"\n />\n

\n\n

\n \n {submitting ? 'Posting...' : 'Post Job'}\n \n setShowForm(false)}\n className=\"bg-gray-200 text-gray-800 px-6 py-2 rounded-md hover:bg-gray-300 transition-colors font-medium\"\n >\n Cancel\n \n

\n )}\n\n {/* Jobs List */}\n

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

No jobs posted yet

Be the first to share a job opportunity!

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

{job.title}

\n \n 🏢 {job.company}\n \n \n 📍 {job.location}\n \n \n 👤 Posted by {job.poster_name}\n \n

{job.description}

\n {formatDate(job.created_at)}\n

\n ))\n )}\n

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