Added backend calls to support request

src/app/[locale]/support/page.tsx

@@ -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>
         ) : (