import React, { useState } from "react"; import { useForm, useWatch } from "react-hook-form"; import { Disclosure, Transition } from "@headlessui/react"; const PopupWidget = () => { const { register, handleSubmit, reset, control, formState: { errors, isSubmitSuccessful, isSubmitting }, } = useForm({ mode: "onTouched", }); const [isSuccess, setIsSuccess] = useState(false); const [Message, setMessage] = useState(""); const userName = useWatch({ control, name: "name", defaultValue: "Someone" }); const onSubmit = async (data, e) => { console.log(data); await fetch("https://helpinghands.com/submit", { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json", }, body: JSON.stringify(data, null, 2), }) .then(async (response) => { let json = await response.json(); if (json.success) { setIsSuccess(true); setMessage(json.message); e.target.reset(); reset(); } else { setIsSuccess(false); setMessage(json.message); } }) .catch((error) => { setIsSuccess(false); setMessage("Client Error. Please check the console.log for more info"); console.log(error); }); }; return (
The Helping Hands team is here to help!
{Message}
{Message}