Added backend calls to support request

This commit is contained in:
Vladislav Khorev 2024-04-11 11:41:33 +00:00
parent c7f7380821
commit 6837cfa46a

View File

@ -13,21 +13,29 @@ import { useState } from "react";
const Support = () => {
const [isSent, setIsSent] = useState(false);
const [userName, setUserName] = useState("");
const [phone, setPhone] = useState("");
const [email, setEmail] = useState("");
const [message, setMessage] = useState("");
const handleSubmit: React.MouseEventHandler<
HTMLFormElement
> = async (e) => {
e.preventDefault();
const formData = new FormData(e.currentTarget);
console.log(formData);
const data = {
name: userName,
phone: phone,
email: email,
message: email
};
try {
/*
const res = await apiInstance.post(
`/${endpoint}/${id}/reviews/`,
formData,
config
);*/
"/support/",
data
);
} catch (error) {
console.log(error);
}
@ -35,6 +43,12 @@ const Support = () => {
};
function buttonIsActive()
{
return message === "" || userName === "";
}
return (
<div className="support page-padding">
<BreadCrumbs homeRequired />
@ -49,10 +63,12 @@ const Support = () => {
<form onSubmit={handleSubmit} className="support">
<div className="support__input">
<label>Как вас зовут:</label>
<label>Как вас зовут*:</label>
<div>
<input name="name"
type="text"
value={userName}
onChange={(e) => setUserName(e.target.value)}
/></div>
</div>
<div className="support__input">
@ -61,6 +77,8 @@ const Support = () => {
<input
name="phone"
type="phone"
value={phone}
onChange={(e) => setPhone(e.target.value)}
/>
</div>
</div>
@ -70,17 +88,28 @@ const Support = () => {
<input
name="email"
type="email"
value={email}
onChange={(e) => setEmail(e.target.value)}
/>
</div>
</div>
<div className="support__input">
<label>Сообщение:</label>
<label>Сообщение*:</label>
<div>
<div className="support__input">
<textarea name="review" />
<textarea name="review"
value={message}
onChange={(e) => setMessage(e.target.value)}
/>
</div>
</div>
<button type="submit" className="support__btn_active">Отправить</button>
<button type="submit"
className={`support__btn${
buttonIsActive() ? "" : "_active"
}`}
disabled={buttonIsActive()}>Отправить</button>
</div>
</form>
) : (