🎉

Thank You!

\n Your feedback has been submitted successfully. We appreciate you taking the time to share your experience with us.\n

\n You can now close this window.\n

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

Service Feedback

\n We'd love to hear about your experience with our service. Your feedback helps us improve and serve you better.\n

\n\n {error && (\n

⚠️

{error}

\n )}\n\n

\n {questions.map((question) => (\n

\n \n {question.question}\n {question.required && *}\n \n\n {question.type === 'rating' && (\n

\n {[1, 2, 3, 4, 5].map((rating) => (\n handleRatingChange(question.id, rating)}\n className={`w-12 h-12 rounded-full border-2 flex items-center justify-center text-lg font-semibold transition-colors ${\n responses[question.id] >= rating\n ? 'bg-yellow-400 border-yellow-400 text-white'\n : 'border-gray-300 text-gray-400 hover:border-yellow-400 hover:text-yellow-400'\n }`}\n >\n ⭐\n \n ))}\n

\n {responses[question.id] ? `${responses[question.id]} out of 5` : 'Click to rate'}\n

\n )}\n\n {question.type === 'text' && (\n handleTextChange(question.id, e.target.value)}\n rows={4}\n className=\"w-full border border-gray-300 rounded-lg px-4 py-3 focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"Please share your thoughts...\"\n />\n )}\n\n {question.type === 'yes_no' && (\n

\n handleYesNoChange(question.id, true)}\n className={`px-6 py-3 rounded-lg border-2 font-medium transition-colors ${\n responses[question.id] === true\n ? 'bg-green-500 border-green-500 text-white'\n : 'border-gray-300 text-gray-700 hover:border-green-500 hover:text-green-500'\n }`}\n >\n 👍 Yes\n \n handleYesNoChange(question.id, false)}\n className={`px-6 py-3 rounded-lg border-2 font-medium transition-colors ${\n responses[question.id] === false\n ? 'bg-red-500 border-red-500 text-white'\n : 'border-gray-300 text-gray-700 hover:border-red-500 hover:text-red-500'\n }`}\n >\n 👎 No\n \n

\n )}\n

\n ))}\n\n

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

\n Submitting Feedback...\n \n ) : (\n <>\n 📤 Submit Feedback\n \n )}\n \n

\n\n

\n Your feedback is important to us and will be kept confidential.\n

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/ampomah/untitled-2883/code/frontend/components/FeedbackForm.tsx","extension","actionData","errors"]