\n \n {label} {required && *}\n \n

\n {[1, 2, 3, 4, 5].map((rating) => (\n = rating ? 'active' : ''}\n onClick={() => onChange(rating)}\n >\n ★\n onChange(rating)}\n />\n \n ))}\n \n {value === 1 && \"Poor\"}\n {value === 2 && \"Fair\"}\n {value === 3 && \"Good\"}\n {value === 4 && \"Very Good\"}\n {value === 5 && \"Excellent\"}\n \n

\n );\n}\n\nexport default function ReviewForm({ onReviewSubmitted }: ReviewFormProps) {\n const [formData, setFormData] = useState({\n company_name: '',\n job_title: '',\n employment_status: 'former',\n overall_rating: 3,\n work_life_balance: 3,\n compensation: 3,\n culture: 3,\n management: 3,\n career_growth: 3,\n pros: '',\n cons: '',\n advice_to_management: '',\n would_recommend: true\n });\n\n const [submitting, setSubmitting] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setSubmitting(true);\n setError(null);\n\n try {\n const response = await fetch('/api/reviews', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(formData),\n });\n\n if (!response.ok) {\n const errorData = await response.json();\n throw new Error(errorData.error || 'Failed to submit review');\n }\n\n setSuccess(true);\n // Reset form\n setFormData({\n company_name: '',\n job_title: '',\n employment_status: 'former',\n overall_rating: 3,\n work_life_balance: 3,\n compensation: 3,\n culture: 3,\n management: 3,\n career_growth: 3,\n pros: '',\n cons: '',\n advice_to_management: '',\n would_recommend: true\n });\n\n // Notify parent component\n setTimeout(() => {\n onReviewSubmitted();\n setSuccess(false);\n }, 2000);\n\n } catch (err) {\n setError(err instanceof Error ? err.message : 'An error occurred');\n } finally {\n setSubmitting(false);\n }\n };\n\n const updateFormData = (field: keyof NewReview, value: any) => {\n setFormData(prev => ({ ...prev, [field]: value }));\n };\n\n if (success) {\n return (\n

✓

Review Submitted Successfully!

Thank you for sharing your experience. Your review will help others make informed decisions.

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

Submit a Company Review

\n \n {error && (\n

{error}

\n )}\n\n

\n {/* Basic Information */}\n

\n \n Company Name *\n \n updateFormData('company_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., Google, Microsoft, Startup Inc.\"\n />\n

\n\n

\n \n Job Title *\n \n updateFormData('job_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., Software Engineer, Product Manager\"\n />\n

\n\n

\n \n Employment Status *\n \n updateFormData('employment_status', e.target.value as 'current' | 'former')}\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 {/* Ratings */}\n

Rate Your Experience

\n \n updateFormData('overall_rating', value)}\n />\n\n

\n updateFormData('work_life_balance', value)}\n />\n\n updateFormData('compensation', value)}\n />\n\n updateFormData('culture', value)}\n />\n\n updateFormData('management', value)}\n />\n\n updateFormData('career_growth', value)}\n />\n

\n\n {/* Text Reviews */}\n

\n \n Pros *\n \n updateFormData('pros', 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=\"What did you like about working at this company?\"\n />\n

\n\n

\n \n Cons *\n \n updateFormData('cons', 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=\"What could be improved?\"\n />\n

\n\n

\n \n Advice to Management (Optional)\n \n updateFormData('advice_to_management', 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=\"What advice would you give to management?\"\n />\n

\n\n {/* Recommendation */}\n

\n \n Would you recommend this company to a friend? *\n \n

\n \n updateFormData('would_recommend', true)}\n className=\"mr-2\"\n />\n Yes\n \n \n updateFormData('would_recommend', false)}\n className=\"mr-2\"\n />\n No\n \n

\n\n {/* Submit Button */}\n

\n \n {submitting ? 'Submitting...' : 'Submit Review'}\n \n

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