Function Feedback

apps/baseai.dev/src/components/Feedback.tsx:71–105

()

);

export function Feedback() {
	let [submitted, setSubmitted] = useState(false);

	function onSubmit(event: React.FormEvent<HTMLFormElement>) {
		event.preventDefault();

		// event.nativeEvent.submitter.dataset.response
		// => "yes" or "no"

		setSubmitted(true);
	}

	return (
		<div className="relative h-8">
			<Transition
				show={!submitted}
				as={Fragment}
				leaveFrom="opacity-100"
				leaveTo="opacity-0"
				leave="pointer-events-none duration-300"
			>
				<FeedbackForm onSubmit={onSubmit} />
			</Transition>
			<Transition
				show={submitted}
				as={Fragment}
				enterFrom="opacity-0"
				enterTo="opacity-100"
				enter="delay-150 duration-300"
			>
				<FeedbackThanks />
			</Transition>
		</div>
	);
}