\n {/* Header */}\n

Leave a Review

\n \n ×\n \n

\n Share your experience with The Trade In Trainer Corner\n

\n\n {/* Form */}\n

\n \n Your Name\n \n setFormData({ ...formData, customerName: e.target.value })}\n className=\"input-genz\"\n placeholder=\"Enter your name\"\n disabled={submitting}\n />\n {errors.customerName && (\n

{errors.customerName}

\n )}\n

\n\n

\n \n Email\n \n setFormData({ ...formData, email: e.target.value })}\n className=\"input-genz\"\n placeholder=\"your@email.com\"\n disabled={submitting}\n />\n {errors.email && (\n

{errors.email}

\n )}\n

\n\n

\n \n Rating\n \n

\n {[1, 2, 3, 4, 5].map((star) => (\n handleRatingClick(star)}\n className={`text-3xl transition-colors ${\n star <= formData.rating ? 'text-yellow-400' : 'text-white/30'\n } hover:text-yellow-400`}\n disabled={submitting}\n >\n ★\n \n ))}\n \n {formData.rating > 0 && (\n <>\n {formData.rating} star{formData.rating !== 1 ? 's' : ''}\n \n )}\n \n

\n {errors.rating && (\n

{errors.rating}

\n )}\n

\n\n

\n \n Your Review\n \n setFormData({ ...formData, message: e.target.value })}\n className=\"input-genz min-h-[100px] resize-none\"\n placeholder=\"Tell us about your experience...\"\n disabled={submitting}\n />\n

\n {errors.message && (\n

{errors.message}

\n )}\n

\n {formData.message.length}/500\n

\n\n {errors.submit && (\n

{errors.submit}

\n )}\n\n

\n \n Cancel\n \n \n {submitting ? (\n <>\n

\n Submitting...\n \n ) : (\n 'Submit Review'\n )}\n \n

\n );\n};\n\nexport default FeedbackForm;","deleted","label",[175,176,157],"frontend","components","permalink","https://www.val.town/x/MRPRRSIDENT/Paymentsys/code/frontend/components/FeedbackForm.tsx","extension","actionData","errors"]