Post a New Job

\n \n ✕\n \n

\n\n

\n \n Job Title *\n \n handleChange('title', e.target.value)}\n className={`w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.title ? 'border-red-500' : 'border-gray-300'\n }`}\n placeholder=\"e.g. Senior Software Engineer\"\n disabled={isSubmitting}\n />\n {errors.title &&

{errors.title}

}\n

\n\n

\n \n Company *\n \n handleChange('company', e.target.value)}\n className={`w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.company ? 'border-red-500' : 'border-gray-300'\n }`}\n placeholder=\"e.g. Acme Corp\"\n disabled={isSubmitting}\n />\n {errors.company &&

{errors.company}

}\n

\n\n

\n \n Location *\n \n handleChange('location', e.target.value)}\n className={`w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.location ? 'border-red-500' : 'border-gray-300'\n }`}\n placeholder=\"e.g. San Francisco, CA or Remote\"\n disabled={isSubmitting}\n />\n {errors.location &&

{errors.location}

}\n

\n\n

\n \n Job Type *\n \n handleChange('type', e.target.value as JobFormData['type'])}\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 disabled={isSubmitting}\n >\n \n \n \n \n \n

\n\n

\n \n Email *\n \n handleChange('email', e.target.value)}\n className={`w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.email ? 'border-red-500' : 'border-gray-300'\n }`}\n placeholder=\"contact@company.com\"\n disabled={isSubmitting}\n />\n {errors.email &&

{errors.email}

}\n

\n\n

\n \n Salary (Optional)\n \n handleChange('salary', 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 placeholder=\"e.g. $80k - $120k\"\n disabled={isSubmitting}\n />\n

\n\n

\n \n Job Description *\n \n handleChange('description', e.target.value)}\n rows={6}\n className={`w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n errors.description ? 'border-red-500' : 'border-gray-300'\n }`}\n placeholder=\"Describe the role, responsibilities, requirements, and any other relevant details...\"\n disabled={isSubmitting}\n />\n {errors.description &&

{errors.description}

}\n

\n\n

\n \n {isSubmitting ? 'Posting...' : 'Post Job'}\n \n \n Cancel\n \n

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